vue怎麼封裝table組件?在使用el-table加載數據後，如果通過一些操作更新了el-table綁定的data中的部分數據，想要将更新的數據及時更新在界面上，應該怎麼做呢？，下面我們就來聊聊關于vue怎麼封裝table組件?接下來我們就一起去了解一下吧!
vue怎麼封裝table組件
在使用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;
zpostcode 
Recruit 
weather 
mreligion 
Yellowpages 
sport 
constellation 
shopping 
name 
game 
directory 
literature 
Word 
tour 
furnish 
Lottery 
tftnews 
lyrics 
News 
digital 
car 
dir 
Edu 
Finance 
