关于前端:eltable分页记录数据

一、需要背景

当多选表格操作比拟频繁时候，一页数据的多选曾经不能满足应用，那么咱们须要记录每一页的数据，而后一起提交应用。

二、需要实现

2.1、设置 row-key

<el-table
      ref="multipleTable"
      class="el-table"
      :data="tableData"
      height="400"
      :row-key="getRowKeys"
      v-loading="tableLoading"
      @selection-change="handleSelectionChange"
    >

2.2、row-key 的办法

getRowKeys(row){return row.id}

2.3、reserve-selection 配置

<el-table-column
        type="selection"
        reserve-selection
        width="55"/>

三、成果
第一页抉择 3 条、第二页抉择 3 条，打印时共计 6 条数据

数据存储在 multipleSelection 字段里边，须要应用时候间接应用这个字段即可。
如须要展现能够间接把这个字段数据展现在列表里边即可。
四、参考资料


五、欢送交换斧正