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: '修改成功!'
                });
              },

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM