element中el-table局部刷新怎么实现

介绍：有一个简单的需求，一个表格点击一个单元格的按钮后，按钮变成进度条。

问题：如果只是用一个变量，然后配合v-if使用，一整列都会变成进度条。

想法：把那个变量渲染进去列表的每一行。但是…问题又出现了，值变了，但是表格没有被重新渲染。

重点：this.$set(this.tableData, index, row)，更新表格这一行的值。理解这句代码的意思，后面的可以不看。

随便放点前端代码就很长了，不放又清除概况，简单看看吧。直接看el-progress那个标签的附近的，其他的瞅一下知道大概就好。

               
               
               
               
               
              
                
                
                  
                    
                  
                
              
               
              
                
                  
                  获取最新状态
                
              
              
                
                
                  
                
                
                  
                
              
            

前端页面显示图：点击获取最新状态之后，获取变成进度条，开始跑进度。

    // 更新当前某个开关的最新状态
    handlePicture(index, row) {
      let params = "sensor_id=" + row.sensorId;
      this.progressSpeed(index, row);
      newestStatus(params).then(res => {
        row.speed = 100;
        this.$set(this.tableData, index, row);
        setTimeout(() => {
          row.progressBar = false;
          this.switchData();
        }, 3000);
      });
    },
    // 进度条刷新
    progressSpeed(index, row) {
      row.speed = 0;
      row.progressBar = true;
      const sp = setInterval(() => {
        console.log();
        if (row.speed >= 99 ) {
          clearInterval(sp);
        } else {
         row.speed++; 
        }
        this.$set(this.tableData, index, row);
      }, 600);
    },

按钮变成进度条，获取最新数据，进度条到99的时候就卡住，信息返回后，进度条不管跑了都少都变成100，3S后变回原来的样子。