elementUI的table 点击分页时记住上一页选中的数据

<el-table

  ref="tableRef"

  :data="tableData"

  :row-key="getRowKeys"

>

  // 仅对type='selection'的列有效,类型为Boolean,为true则在数据更新之后保留之前选中的数据(需指定row-key)

  <el-table-column type="selection"  :reserve-selection="true" />
  ......
</el-table>

 

methods中添加函数:
getRowKeys(row){
    return row.id;
}

 完成后需要清空选中,不然再次点开后还是上次选中的数据,

但如果接下来的操作是跳转/刷新页面,那这步可省略

this.$refs.tableRef.clearSelection();

 

 
posted @ 2021-11-19 11:25  tianxinya  阅读(766)  评论(0编辑  收藏  举报