关于前端: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字段里边,须要应用时候间接应用这个字段即可。
如须要展现能够间接把这个字段数据展现在列表里边即可。
四、参考资料


五、欢送交换斧正

评论

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

这个站点使用 Akismet 来减少垃圾评论。了解你的评论数据如何被处理