分页多选翻页状态保持不变
1、首先设置table表格中的属性
2、在data里面定义tableDataCheck数组,在methods中定义方法handleSelectionChange方法,用来把所勾选的数据保存在tableDataCheck数组中
3、getRowKeys是分页多选翻页状态保持不变的精华所在!
勾选过的选项进行回显
elementUI的table组件的togglerowselection()方法,toggleRowSelection()需要页面渲染完毕之后才有效需要放在_self.$nextTick中。
// 保存之前勾选的状态
let _self = this;
_self.$nextTick(() => {
_self.tableData.forEach(item => {
_self.tableData2.forEach(item1 => {
if (item.materialCode === item1.materialCode) {
_self.$refs.tableData.toggleRowSelection(item, true);
}
})
})
})

京公网安备 11010502036488号