在selection类型的多选项实现跨页多选

项目场景：

在自己创建一个前端页面时，发现自己的多选框无法实现跨多个页面来进行多选，当前选择后，切换下一页后导致，多选的状态丢失，如果是官方页面不会存在这样的问题，但是自己设计一个页面时，就会不注意这样的细节。

解决方法：

我们在前端页面中的<el-table></el-table>加入下面的代码 ref="table" :row-key="getRowKeys"

<el-table
      :data="dataList"
      border
      v-loading="dataListLoading"
      @selection-change="selectionChangeHandle"
      style="width: 100%;" ref="table" :row-key="getRowKeys">
      <el-table-column

这里加入了一个方法来记录状态，所以我们要在下面写一个方法

 getRowKeys(row){
         return row.recodeId;//用来记录选择单列的记录表id
      },

最后在多选的那一列上加入:reserve-selection="true"，就可以实现跨页面多选。

 <el-table-column
        type="selection"
        header-align="center"
        align="center"
        width="50" :reserve-selection="true"><!--单元行属性-->
      </el-table-column>