项目场景:
el-table 翻页后保留所勾选项
问题描述
例如:刚开始还在使用原始的方式进行翻页回显:因为翻页之后,点选时selection会出现undefined,所以这里需要进行判断 这里可以通过判断选择selection中有没有row,就可以判断出是增加还是删减
设置选中状态
这里使用this.$nextTick是保证表格渲染完成之后,才添加选中效果。
selectedItem是筛选循环当前行row是否在当前表格tableData数据中。
rows.forEach(row => {
this.$nextTick(() => {
let selectedItem = this.tableData.find(item => item.id == row.id)
this.$refs.multipleTable.toggleRowSelection(selectedItem);
});
})
解决方案:
然后发现框架有封装了
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
然后这个selection阔以拿到所选的值