vue+elementUI 数据变化但el-table表格没有更新问题

问题:

拖拽排序后保存后能看到拿到的数据是变化的,但表格没有更新
在这里插入图片描述

解决方法:

在el-table中添加key,这个key是文档中没有说明的,设置成boolean类型,点击保存的时候更新key值就可以了。
在这里插入图片描述
在这里插入图片描述

原理:

vue会判断dom节点上的key是否改变,如果有变化,会产生真实DOM更新。这个问题,可以通过v-for里为什么不能使用默认index作为key的原因一个道理。
也可以传数字累加,赋值给key值。vue会通过key值改变,从而产生真实DOM更新。

   this.tableKey = !this.tableKey
   //或者
   this.tableKey = this.tableKey + 1;
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值