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