element UI table 数据更新视图不更新问题 表格组件踩坑

element UI table 数据更新视图不更新问题 表格组件踩坑

table组件每次监听的是row的变化，并不是row中某项的变化，所以当你改变了其中某项的值，是无法追踪的，视图并不会刷新；

解决方法：

重新给改变值的一整行赋值

this.$set(table,index,row)

例：

假设 list 为列表的数据

使用$set,根据索引更改需要更改的row值；

    this.list.map((item,index)=>{
      const obj = {
        name:'张三',
        value:1
      }
      this.$set(this.list,index,obj)
    })