使用element table 多选翻页时选中的数据没保留,查看文档以及资料发现得进行以下设置
1、在table上设置row-key,以及 @selection-change="handleSelectionChange"
2、在type="selection"这一行上设置reserve-selection,我就是把这个放在table上导致翻页没有保留之前选中的数据
javascript
<el-table-column reserve-selection type="selection" width="55" />
3、处理handleSelectionChange
javascript
handleSelectionChange(val) {
this.multipleSelection = val
if (this.multipleSelection .length > 0) { // 判断是否存在勾选过的数据
this.tableData.forEach( row => { // 获取数据列表接口请求到的数据
this.multipleSelection .forEach( item => { // 勾选到的数据
if(row.code === item.code){
this.$refs.multipleTable.toggleRowSelection(item, true); // 若有重合,则回显该条数据
}
});
})
}
},