element-ui table數據更新保持高亮選中

問題:
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 弄'
          }]

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章