vue $set 踩坑 v-for 数据改变视图不变
作者:
还好还好L | 来源:发表于
2019-08-09 16:38 被阅读0次
set 修改引用类型失败
...请求了一堆数据，或者父组件传入了数据 this.inList接收
//向这个数据里面添加了一个数据 这个写法是错的
this.inList.map(item=>{
item["outs"] = false
})
上面的写法你去改变数据确实可以改变但是 数据不会更新
在节点上面绑定事件
然后
//传入数据下标改变失败
click(index){
this.inList[index].outs = !this.inList[index].outs
即使羡慕这样 这样数据改变视图不变
this.$set(this.inList[index],"outs", !this.inList[index].outs)
}
修改方法
this.inList.map(item=>{
改成这样添加
this.$set(item,"outs", false)
})
click(index){
这样修改
this.$set(this.inList[index],"outs", !this.inList[index].outs)
}
本文标题：vue $set 踩坑 v-for 数据改变视图不变
本文链接：https://www.haomeiwen.com/subject/cbmhjctx.html
网友评论