Duplicate keys detected: ‘xxxx‘. This may cause an update error.

在 Vue 项目中,控制台报如下错误:

 Duplicate keys detected: xxxxx'. This may cause an update error.

这是因为,通过 v-for 遍历的数据,有相同的 key,导致的错误提示。

所以解决办法就是寻找哪个地方数据重复了,有可能是两个地方相同遍历使用了相同的 key,这个解决办法可以添加个标识:

`${item.id}-1`

`${item.id}-2`

有可能是数组中存在两个一模一样的数据,需要看看代码写没写错。

如果没有马上找到问题所在,可以通过上面提示的 xxxx 这个 key 来寻找哪条数据的 key 是这个。

最后一个提示:在某些情况下,可以看看接口返回的数据有没有重复的