当前位置: 代码迷 >> 综合 >> vue控制台报错Duplicate keys detected: ‘xxxx‘. This may cause an update error.解决方案
  详细解决方案

vue控制台报错Duplicate keys detected: ‘xxxx‘. This may cause an update error.解决方案

热度:22   发布时间:2023-11-20 03:31:15.0

1、背景:vue项目运行时,控制台报了下面图中的一个错,虽然不影响整体项目的开发,但每次看到这个红色的报错就闹心

在这里插入图片描述

2、报错原因:网上查了资料,说是v-for循环里,key值可能重复了,所以会报这个错,于是就瞅了瞅对应页面的v-for代码,果然数据中有重复的数据

在这里插入图片描述

3、解决办法:key值是必须唯一的,如果重复就会报错。我们可以把key值改为index(其实就是用索引做key值),就可以避免这个情况

在这里插入图片描述

  相关解决方案