今天在写代码的时候遇到一个问题,因为我想控制一个列表的某个特性,但是获取的数据中没有这个字段,所以我自己给每个对象加了 一个字段,但是我发现点击后这个字段的值发生了改变但是视图并没有更新,所以才总结了下面的内容,只要给对象添加字段的都必须用$set
1.由于js的限制,vue不能监听以下变动的数组对象
(1)利用索引直接设置对象中的某一项,例如vm.items[indexOfItem] = newValue
(2)当你修改数组的长度时,例如vm.items.length = newLength
解决方法:
对象用$set(设置对象的属性,值)
例如:Vue.set(example1.items, indexOfItem, newValue)
数组用splice()方法(向数组中添加删除项目,并且返回新的数组,会改变原始数组)
例如:example1.items.splice(newLength)
2.还是由于js的限制,vue不能检测对象属性的添加或删除,一方面可以用vm.$set()方法,另外还可以用Object.assign()浅拷贝一个对象
例如:this.user = Object.assign({}, this.userPlice, {age:27, name: 'zhangsan'})