Vue中使用el-table组件多页选择数据回显,分页记录保存选中的数据

2022年7月10日13:16:35

问题:表格想跨页选择数据时,会发现当前页选中的数据并不会保存下来,选中状态也不会保存下来

解决办法:

1.在el-table上添加row-key属性,
2.在type为selection的el-table-column上添加reserve-selection属性,值为true;注意只能在selection上使用
3.同时定义getRowKeys

<el-table  :row-key="getRowKeys">
      <el-table-column type="selection" :reserve-selection="true">
      </el-table-column>
</el-table>
	getRowKeys(row) {
   		return row._id;//注意:如果记录唯一值为id,则用row.id.总之要返回记录的唯一标识
	}
  • 作者:~疆
  • 原文链接:https://blog.csdn.net/qq_40323256/article/details/118722899
    更新时间:2022年7月10日13:16:35 ,共 355 字。