Vue双向绑定失效? 数组对象双向绑定不成功?

Posted 2023-03-15

参考技术A 然后发现, 添加多数组时, 循环套循环, 双向绑定不生效了

然后就找, 首先我们要知道哪些方法, 会出发vue的双向绑定, 耳熟能详的肯定就是 Vue.set() 或者 this.$set()

那在数组嘞, 有哪些方法可以触发双向绑定呢

如果遇到数组已经改变值了, 但是页面上又没有渲染, 可以使用 this.$forceUpdate() , 但是该方法不推荐使用

还有一种, 就是你已经嵌套了很多环了, 然后去动态添加值, 改变值, 然后没有效果, 页面不刷新, 使用 this.$set() 和 this.$forceUpdate() 都不起作用, 那么就使用数组的splice()删除对应要添加的值, 再重新添加;