分页多选翻页状态保持不变
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); } }) }) })