vue或uniapp 中for循环中的数据修改后无响应的情况

原创于 2022-02-28 12:47:50 发布 · 1.6k 阅读

CC 4.0 BY-SA版权

文章标签：

42 篇文章

订阅专栏

6 篇文章

订阅专栏

6 篇文章

订阅专栏

当Vue在for循环中遇到data数据变化不更新视图时，可以通过创建中间值覆盖原有对象来解决。具体操作是先深拷贝需要修改的对象，如`let temp = Object.assign({}

vue官方在for循环中无法监测data数据的改变，在修改后如果出现没有渲染的情况的话使用中间值覆盖即可解决

//this.popDatax=需要修改的tartget对象，克隆一个新对象
let temp = Object.assign({}, this.popData)
//在这里修改
temp[attr].select = val

//重新赋值即可
this.popData = temp