资讯专栏INFORMATION COLUMN

vue改变数据视图刷新问题

SimpleTriangle / 642人阅读

摘要:视图不更新有几个原因根属性不存在,而想要直接给根属性赋值导致的视图不更新。只有通过以下几个方法更新数组才能检测到数组更新。如果想直接通过下标修改数组的话,就需要使用方法来通知你更新了这个数组。

视图不更新有几个原因: 1、根属性不存在,而想要直接给根属性赋值导致的视图不更新。此时初始化属性的时候给根属性初始化一个空值就可以了。 2、只有通过以下几个方法更新数组

push()
pop()
shift()
unshift()
splice()
sort()
reverse()
vue才能检测到数组更新。如果想直接通过下标修改数组的话,就需要使用vm-set 方法来通知vue你更新了这个数组。

语法为:vm.$set( target, key, value )

Vue.set(vm.obj,"k1","v1")

this.$set(this.obj,"k1","v1")

this.obj = Object.assign({}, this.obj)

this.obj = Object.assign({}, this.obj,{"k1","v1"})

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/99554.html

相关文章

  • vue 数据改变 视图没有刷新

    摘要:最近在用做项目的时候,经常遇到一个问题,当数据改变之后,视图却没有刷新,下面我就总结一下我在开发过程中遇到的几种视图无法刷新的情况,不一定全面为了方便演示,我们来创建一个最最简单的。 最近在用Vue做项目的时候,经常遇到一个问题,当数据改变之后,视图却没有刷新,下面我就总结一下我在开发过程中遇到的几种视图无法刷新的情况,不一定全面~!为了方便演示,我们来创建一个最最简单的demo。 /...

    marek 评论0 收藏0
  • vue 起步

    摘要:的二大核心响应式数据变化当视图发生改变,数据自动更新。组合的视图组件页面映射为组件树划分组件可复用利于维护。正在不断的学习中希望各位指点错误,一起讨论,一起进步,后续更新中 Vue是一套用于构建用户界面的渐进式框架,Vue的核心库只关注视图层,不仅容易上手,还便于与第三方库既有项目整合,相互独立而又可以任意整合。 showImg(https://segmentfault.com/img...

    hyuan 评论0 收藏0
  • 面试官常问——vue

    摘要:如果要相应状态改变,通常最好使用计算属性或取而代之。那解决问题的思路便是在改变的情况下,保证页面的不刷新。后面值的变化,并不会导致浏览器向服务器发出请求,浏览器不发出请求,也就不会刷新页面。 1.vue生命周期2.vue 双向绑定原理3.vue router原理4.vue router动态路由 1.vue 生命周期钩子 showImg(https://segmentfault.com/...

    BlackMass 评论0 收藏0
  • 面试官常问——vue

    摘要:如果要相应状态改变,通常最好使用计算属性或取而代之。那解决问题的思路便是在改变的情况下,保证页面的不刷新。后面值的变化,并不会导致浏览器向服务器发出请求,浏览器不发出请求,也就不会刷新页面。 1.vue生命周期2.vue 双向绑定原理3.vue router原理4.vue router动态路由 1.vue 生命周期钩子 showImg(https://segmentfault.com/...

    xingqiba 评论0 收藏0
  • 面试官常问——vue

    摘要:如果要相应状态改变,通常最好使用计算属性或取而代之。那解决问题的思路便是在改变的情况下,保证页面的不刷新。后面值的变化,并不会导致浏览器向服务器发出请求,浏览器不发出请求,也就不会刷新页面。 1.vue生命周期2.vue 双向绑定原理3.vue router原理4.vue router动态路由 1.vue 生命周期钩子 showImg(https://segmentfault.com/...

    quietin 评论0 收藏0

发表评论

0条评论

SimpleTriangle

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<