el-table多选checkbox实现可多页多选,翻页后勾选情况不清空
程序员文章站
2022-07-02 19:20:08
需求:表格数据分多页,里面的多选框生效时是只在当前页生效,用户可能需要选择多页数据,这样就需要在数据翻页后之前以选中的要保留并且在新的一页上选中的要加上。实现:在表格里加入:row-key="(row)=>{ return row.id}"{ return row.id}" ref="multipleTable" :data="tableData" @selectio...
需求:表格数据分多页,里面的多选框生效时是只在当前页生效,用户可能需要选择多页数据,这样就需要在数据翻页后之前以选中的要保留并且在新的一页上选中的要加上。
实现:
多选的实现在element的组件里有现成的,这个是在此基础上实现的。
在表格<el-table>
里加入:row-key="(row)=>{ return row.id}"
<el-table
:row-key="(row)=>{ return row.id}"
ref="multipleTable"
:data="tableData"
@selection-change="handleSelectionChange">
在<el-table-column>
里加入:reserve-selection="true"
<el-table-column :reserve-selection="true" label="员工基本信息">
完成思密达~
本文地址:https://blog.csdn.net/m0_46538057/article/details/112552959
上一篇: vue-pdf预览pdf文件流
下一篇: Swift 学习总结(持续更新)