ElementUI 组件<el-table>列表分页多选 记住上一页勾选的数据

189 阅读1分钟

image.png

  • 首先在el-table中添加: row-key=“getRowKeys”
<el-table
ref="form"
:model="form"
 @selection-change="handleSelectionChange"
:row-key="getRowKeys"></el-table>
  • 然后第一列,即有多选框的一列,添加: reserve-selection=“true”
<el-table-column type="selection" :reserve-selection="true"></el-table-column>
  • 最后在methods中添加函数
getRowKeys(row) {return row.id}

handleSelectionChange(row) 
获取到勾选的参数