需求:表格数据分多页,里面的多选框生效时是只在当前页生效,用户可能需要选择多页数据,这样就需要在数据翻页后之前以选中的要保留并且在新的一页上选中的要加上。
实现:
多选的实现在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="员工基本信息">
完成思密达~