本文探讨了Vue中遇到的两类更新视图的bug。第一类涉及在数据已定义但视图未更新的问题，推荐使用`this.tabledata.splice(index, 0)`或`this.$set(this.tabledata, index, row)`方法。第二类bug是尝试修改未声明的属性导致视图不更新，解决方案是确保先声明属性再赋值。例如，应先处理数据，然后赋值给`this.tabledata`。
解决方法:分两类bug
第一类bug: 在data中已经定义，但视图不更新
this.tabledata.splice(index, 0)this.＄set(this.tabledata, index, row)这两种方法都是官网所提到推荐的
第二类bug: 就是在上面的方法都试验过了之后也解决不了
比如这种写法
this.tabledata=res.data
this.tabledata.forEach((item)=>{
item['new_name']=true
})然后你再在行编辑事件中去修改
rowClick(row){
row['nw_name']=false
}你会发现无论使用官方推荐的任何视图更新的方法都不会成功
那是因为这个属性在赋值的时候并未被声明，因此就不能被vue转换为响应式属性
最简单的修改方法就是，先把数据处理了之后，在执行
this.tabledata='被处理的数据'
扫一扫
626
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
