Element UI 分页选择保留之前选中的数据

Element UI 分页选择保留之前选中的数据

<el-table :data="alarmTable" style="width: 100%" ref="multipleTable" :row-key="getRowKeys" @selection-change="handleSelectionChange">
      <el-table-column type="selection" width="55" :reserve-selection="true">
      </el-table-column>
</el-table>

<script>
 data() {
    return {
      // 获取row的key值
      getRowKeys(row) {
        return row.id;
      },
      multipleSelection:[] 
    }
 }
 methods:{
    handleSelectionChange(val) {
      this.multipleSelection = val;
    },
 }
</script>

:row-key 行数据的 Key，用来优化 Table 的渲染；在使用 reserve-selection 功能与显示树形数据时，该属性是必填的。类型为 String 时，支持多层访问：user.info.id，但不支持 user.info[0].id，此种情况请使用 Function。

row-key=“id” 或者 :row-key=“getRowKeys” getRowKeys是个方法

reserve-selection 仅对 type=selection 的列有效，类型为 Boolean，为 true 则会在数据更新之后保留之前选中的数据（需指定 row-key）