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