el-table 编辑后即使刷新列表也保持先前编辑行高亮状态

问题:

el-table 有个highlight-current-row属性,使用该属性后,当我们点击某行时,该行高亮显示.但是当table表数据进行刷新时，之前的高亮状态就消失了。因此仅仅使用highlight-current-row属性,满足不了我的需求。

解决方案

a.使用row-key属性绑定方法

b.在js或者Vue文件中添加row-key属性绑定的方法getRowKeys()，返回唯一标识的一个值

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