VUE数据更新视图不更新的原因


当你利用索引直接设置一个项时,例如:vm.items[indexOfItem] = newValue
当你修改数组的长度时,例如:vm.items.length = newLength

数组更新只能通过以下方法push()pop()shift()unshift()splice()sort()reverse()

如果想直接通过下标修改数组的话,就需要使用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' })
另外:实例被创建时 data 中存在的属性才是响应式的


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM