【vue】el-table 数据更新后,刷新表格数据

表格里面的数据更新后,可以通过以下方法来刷新表格

方法1 用更新后的数据,覆盖之前的数据

复制代码
var newTableData=[];

for(var i=0;i<that.tableData.length;i++){   

    if(aId==that.selectStationId&&bId==that.selectDeviceId){

        that.tableData[i].physicalid=physicalId;

    }

    newTableData.push(that.tableData[i]);

}

that.tableData=newTableData;

方法2 使用$nextTick

复制代码
<el-table :Key="key"></el-table>

//Data里面定义

key:0

//使用

this.$nextTick(()=>{

  this.key++;

})
相关推荐
加瓦点灯5 分钟前
观察者模式:解耦对象间的依赖关系
开发语言·javascript·观察者模式
z_mazin40 分钟前
Chrome开发者工具实战:调试三剑客
前端·javascript·chrome·网络爬虫
sen_shan2 小时前
Vue3+Vite+TypeScript+Element Plus开发-04.静态菜单设计
前端·javascript·typescript·vue3·element·element plus·vue 动态菜单
旧识君2 小时前
移动端1px终极解决方案:Sass混合宏工程化实践
开发语言·前端·javascript·前端框架·less·sass·scss
ElasticPDF-新国产PDF编辑器3 小时前
Angular use pdf.js and Elasticpdf tutorial
javascript·pdf·angular.js
揣晓丹3 小时前
JAVA实战开源项目:校园失物招领系统(Vue+SpringBoot) 附源码
java·开发语言·vue.js·spring boot·开源
吃没吃3 小时前
vue2.6-源码学习-Vue 核心入口文件分析
前端
Carlos_sam3 小时前
Openlayers:海量图形渲染之图片渲染
前端·javascript
XH2763 小时前
Android Retrofit用法详解
前端
鸭梨大大大3 小时前
Spring Web MVC入门
前端·spring·mvc