問題:
el-table 有個highlight-current-row屬性,使用該屬性後,當我們點擊某行時,該行高亮顯示.但是當table表數據以某個時間間隔進行更新的時候呢?僅僅使用highlight-current-row屬性,當table表數據更新時,高亮選中行消失.
解決辦法:
<el-table :data="tabledata" :row-key="getRowKeys" highlight-current-row>
//methods 添加函數
getRowKeys(row){
return row.id;
}
//data數據增加一個id用於唯一標識
tableData: [{
id:0,
date: '2016-05-02',
name: '王小虎',
address: '上海市普陀區金沙江路 1518 弄'
}, {
id:1,
date: '2016-05-04',
name: '王小虎',
address: '上海市普陀區金沙江路 1517 弄'
}, {
id:2,
date: '2016-05-01',
name: '王小虎',
address: '上海市普陀區金沙江路 1519 弄'
}, {
id:3,
date: '2016-05-03',
name: '王小虎',
address: '上海市普陀區金沙江路 1516 弄'
}]