关于elementUI el-table标签的一个坑

在使用<el-table>组件时,遇到动态添加属性isOpen后,视图未及时更新的问题。通过引入中间变量并重新赋值,解决了视图不刷新的难题,验证了<el-table>初始化后只监听已存在属性的猜测。

最近发现<el-table>的一个坑,后台返回一个list,我在请求成功后立即为data中的dataList变量赋值(该变量绑定在el-table的data属性中)
图片描述
之后我循环该变量为数组中的每个对象增加isOpen属性,结果也出现在el-table中了,但是我又写了一个toggle方法改变isOpen的时候发现了问题,数据改变了但是view并没有及时渲染

反复尝试后发现改变其他的属性,即赋值前后台返回给我的list中的属性,页面会将之前的isOpen改变渲染,再进一步思考是否是因为在首次赋值时,el-table即监听了所有属性,而之后加入的并不会到监听列表中,于是有了以下代码
图片描述

有了中间变量后,达到了想要的效果,也初步印证了我刚才的想法。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值