[Vue warn]: Duplicate keys detected: ‘user‘. This may cause an update error. 解决方法

问题描述

页面产生十几个这种报错 


问题原因

        一开始控制台全爆红 ,我也不知道这是什么错误 ,百度上查看的全是说  v-forkey 绑定的值 重复,但是我反复查看 了页面中使用的 v-for ,确实是没有什么问题 ,因为 key 值都是绑定的 唯一的 id ,后面我发现 是 使用  antv table 组件 出现问题 ,使用了重复 的 dataIndex 

注意

一般的 这种报错信息可能是因为  v-forkey 绑定的值 重复 ,大家仔细检查一下 就可以发现

v-for 绑定 重复 key 解决方法


 可以看到下面 ,表格使用了相同的 dataIndex  ,所以报错

 

 


 解决方法

修改 表格组件的 dataIndex  ,在页面使用的地方 稍作修改 ,错误解决


文章如有错误,恳请大家提出问题,本人不胜感激 。 不懂的地方可以评论,我都会 一 一 回复

文章对大家有帮助的话,希望大家能动手点赞鼓励,大家未来一起努力     长路漫漫,道阻且长

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

潮汐未见潮落

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值