elementUI table选中问题

本文介绍如何在Table组件中实现翻页后选中项的保持。通过监听@select事件保存选中数据,在翻页请求后利用$nextTick生命周期钩子与请求数据对比,使用_this.$refs.multipleTable.toggleRowSelection确保选中状态不丢失。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

首先说一下我的问题:

table可以翻页,可以选中,选中之后翻页回来需要默认勾选已经选中的。

解决:

首先监听table的选中状态,

用  @select,这样选中的数据不会被清空,

在table翻页请求之后,用@select 监听的数据和请求后的数据做对比,如果一样,

_this.$refs.multipleTable.toggleRowSelection(item2, true);

这里的item2指的是请求的response,必须是这个,如果用监听的数据不会显示,可能监听的数据和原始数据有些差异吧。。。

还有很重要的一步,就是 请求回来的数据赋值给tableData ,需要个生命周期 ,

_this.$nextTick  在这里面进行对比并勾选!!!!
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值