一、需要背景
当多选表格操作比拟频繁时候,一页数据的多选曾经不能满足应用,那么咱们须要记录每一页的数据,而后一起提交应用。
二、需要实现
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字段里边,须要应用时候间接应用这个字段即可。
如须要展现能够间接把这个字段数据展现在列表里边即可。
四、参考资料
五、欢送交换斧正
发表回复