本文介绍了在Vue和Element UI中遇到的分页表格选择状态问题，即在不同页面选择数据后，切换回之前页面时选中状态丢失。通过设置`row-key`和`reserve-selection`属性，以及在data中绑定key，实现了选中状态的保持。当需要清空选中状态时，通过操作DOM元素和判断是否存在选中项来避免错误，实现了确定操作后的状态清空。
Vue + Element + Table 分页选择勾选 和取消勾选的问题
问题描述： 需求是这样的===》表格前面每条数据都有复选框吧 然后表格有很多页 ， 我从第一页选取N条数据 再去其他页选取M条数据 同时对选中的这M+N条数据进行一系列操作（如：批量删除、添加、修改等等吧，按自己需求来） 但是发现 在第一页选取数据之后 再去其他页再去选取数据 然后回到第一页 第一页选取的数据已经不是勾选状态了 这样就不符合我的需求了 就是切换页码 在回到之前 之前的选中状态已经清除了 但是这并不是我想要的 我想要无论我在哪页选取数据 切换页码 不改变选中状态 那么怎么解决呢？不说了 上代码
1、在table一定要定义以下事件和列表属性：
row-key //写在table标签上
reserve-selection // 写在有选择框的那一列上
<el-table @selection-change="handleSelectionChange" :row-key="getRowKeys">
最低0.47元/天 解锁文章
扫一扫
692
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
