Vue 修改对象(数组)没有立即生效

在写项目时遇到了给数组赋值后,出现赋值延时的问题,解决办法如下

// Vue 不能检测以下变动的数组:
// 当你利用索引直接设置一个项时,例如:
vm.items[indexOfItem] = newValue
// 当你修改数组的长度时,例如:
vm.items.length = newLength

// 当第一种情况需求时,可以使用 
this.$set(this.arr,index,newVal)

// ---------------------------------------------

// Vue 不能检测对象属性的添加或删除:
// 可以使用
this.$set(this.person,'age',12)

// 当需要添加多个对象时
Object.assign({},this.person,{age:12,name:'wee'})

参考自:vue 数组和对象不能直接赋值情况和解决方法 (shuzhiduo.com)

posted @ 2022-12-15 11:04  散人长情  阅读(901)  评论(0编辑  收藏  举报