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
是这个。
最后一个提示:在某些情况下,可以看看接口返回的数据有没有重复的!