关于 Vue 不能 watch 数组 和 对象变化的解决方案
来源:
本站
发布时间:
2021-03-07 19:07
阅读次数:
数组变化的监听对象
1、this.$set(arr, index, newVal);
2、使用数组 splice 方法可以监听,例子上面有
3、使用临时变量直接赋值的方式,原理与直接赋值数组一样
设置监听对象
1、使用this.$set(object, key, value)、this.$delete(object, key)
2、使用深度监听 deep: true,只能监听原有属性的变化,不能监听新增、删除的属性
3、使用 this.set(obj, key, val) 来新增属性(Vue 无法监听 this.set 修改原有属性)
4、使用 Object.assign 方法,直接赋值的原理监听(最推荐的方法)
5、直接 watch obj.key 监听某个值的变化
一起设计吧