vue修改对象和数组页面无渲染
2020-12-16 本文已影响0人
Mr_Liu攻城狮
1:对象添加新属性
js:this.obj= Object.assign({}, this.obj, { a: 1, e: 2 })
vue:this.$set(this.obj,'a',1)
2:数组支持原生方法修改数组数据
由于 JavaScript 的限制,Vue 不能检测以下变动的数组:
当你利用索引直接设置一个项时,例如:vm.items[indexOfItem] = newValue
解决:用$set方法
当你修改数组的长度时,例如:vm.items.length = newLength
解决:vm.items.splice(newLength)
也可使用$set:
this.$set(Array,index,newValue)