龙空技术网

vue和el-table使用经验-如何刷新表格数据

猿经验 218

前言:

目前咱们对“datatable获取某行某列的值”都比较重视,同学们都需要剖析一些“datatable获取某行某列的值”的相关内容。那么小编也在网摘上网罗了一些对于“datatable获取某行某列的值””的相关知识,希望兄弟们能喜欢,姐妹们一起来学习一下吧!

在使用el-table加载数据后,如果通过一些操作更新了el-table绑定的data中的部分数据,想要将更新的数据及时更新在界面上,应该怎么做呢?

假如我们是通过for循环更新了data中某一行某一列的数据,代码如下:

for(var i=0;i<that.tableData.length;i++){	var aId=that.tableData[i].stationid;	var bId=that.tableData[i].deviceid;	if(aId==that.selectStationId&&bId==that.selectDeviceId){		that.tableData[i].physicalid=physicalId;	}}

上面的代码已经修改了data的部分数据,但是这样新的数据是不能更新在界面上的。<br/>

我们可以新建一个data数组对象,将旧的data修改后的数据一行一行地赋值给新的data数组对象,然后将新的data数组对象

绑定到el-table的data上面就可以将新的数据及时更新在界面上,代码如下:

var newTableData=[];for(var i=0;i<that.tableData.length;i++){	var aId=that.tableData[i].stationid;	var bId=that.tableData[i].deviceid;		if(aId==that.selectStationId&&bId==that.selectDeviceId){		that.tableData[i].physicalid=physicalId;	}	newTableData.push(that.tableData[i]);}that.tableData=newTableData;

标签: #datatable获取某行某列的值