element-ui table 后台数据分页实现默认选中,keys重复

发布于 2022-09-12 01:44:56 字数 565 浏览 13 评论 0

新增,选择表格数据,编辑的时候,这些选择的要实现默认选中,目前是在获取后台数据的时候,通过遍历,实现勾选,出现的问题是,当多次切换页码时,selectedKeys会重复插入,直接在设置默认选中时,this.$refs.multipleTable.clearSelection(),会导致切换页码,之前默认选择的都没有了,这种情况要怎么处理?
翻页时,保留上一页的选择结果
image.png

在发送api接口的地方,设置默认选中
image.png

切换页码或点击下一页
image.png

勾选
image.png

image.png

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

赏烟花じ飞满天 2022-09-19 01:44:56

先去勾选,在设置勾选

金橙橙 2022-09-19 01:44:56

1、前端分页配合row-key,reserve-selection,toggleRowSelection可实现
2、后端分页,拿不到全部数据(分页取舍)暂未实现

前端分页保存选中状态demo如下:
https://codepen.io/voggen/pen...

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文