ELEMENT-UI 封裝el-table 局部刷新row

 

//關於封裝的el-table行數據更新後如何局部更新row

row.status=status;

this.$set(this.$refs.elTable.$data.tableData,index,row)；

//這樣就無需刷新整個elTable

 

 //如下是el-table寫法

amendList(index,row){
                this.amend=true;

                this.tableRow=row;
                this.tableIndex=index
                var result={};
                for (var key in this.tableRow) {
                  result[key] = typeof this.tableRow[key]==='object'? this.tableRow[key]: this.tableRow[key];
                }
                this.amendForm=result;
                this.tableRow=result;

                console.log(this.tableRow);
                return result;
              },
              amendAdd(){
                this.$set(this.tableData,this.tableIndex,this.amendForm);
                this.amend=false;
                this.$message({
                  type: 'success',
                  message: '修改爲功!'
                });
              },