1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > element-ui table数据更新保持高亮选中

element-ui table数据更新保持高亮选中

时间:2021-03-27 07:27:46

相关推荐

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: '-05-02',name: '王小虎',address: '上海市普陀区金沙江路 1518 弄'}, {id:1,date: '-05-04',name: '王小虎',address: '上海市普陀区金沙江路 1517 弄'}, {id:2,date: '-05-01',name: '王小虎',address: '上海市普陀区金沙江路 1519 弄'}, {id:3,date: '-05-03',name: '王小虎',address: '上海市普陀区金沙江路 1516 弄'}]

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。