element中table数据不更新_el的table数据不刷新

作者：从前慢现在也慢 | 2024-02-18 11:32:32

踩

el的table数据不刷新

解决方法:分两类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='被处理的数据'

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/从前慢现在也慢/article/detail/107611?site