vue2 elementui table 多选切换分页保留勾选项

官网介绍了通过启用 reserve-selection 属性和设置 row-key 唯一标识，可以在使用 Element-UI 的 Table 组件时，解决分页切换后勾选状态丢失的问题，从而保存和恢复用户的选中状态。

重点： :reserve-selection="true" :row-key="getRowKeys"

实现

<el-table ref="table" v-loading="loading" :data="dataList" :row-key="getRowKeys" class="mt25"
          highlight-current-row @select="handleSelectionChange">
  <el-table-column
      :reserve-selection="true"
      type="selection" width="55"/>

getRowKeys(row) {
  return row.id;
},

handleSelectionChange(val) {
  this.multipleSelection = [...val]
},