elementUI踩坑

本文探讨了使用ws获取数据并实时更新至el-table的技巧,包括解决数据不刷新的问题,通过修改tableKey实现刷新,以及在批量操作中保留选择状态的方法,最后介绍了一种通过中间数组赋值来稳定更新数据的方案。

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

目的是通过ws获取到的数据,实时更新到el-table中
1.获取到的数据,直接赋值给tableData,发现表格数据没有刷新,我这就奇怪了,刚开始找到的方法是更新:key='tableKey'中的tableKey的值,果然,数据能更新出来了。
2.后面有个功能点是批量操作,问题就来了,我一勾选列表,数据一刷新,勾选的内容没了。然后找到了一个方法,在el-table中添加属性reserve-selection="true",然后继续添加属性 :row-key="getRowKeys",getRowKeys是一个方法:

getRowKeys(row) {
	return row.id;
}

这里的id要对应实际的变量。
原以为成了,刷新,勾选,不见。
在这里插入图片描述
办法肯定是有的,不然别人的功能是怎么实现的,后面又去找鸭找,通过一个中间数组赋值,成了!!!???
大概是因为不通过改变key的值,就不会引起刷新,然后tableData的值变化了,触发了数据的更新。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值