欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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