vue报错 Duplicate keys detected: '0'.

场景再现:
vue.esm.js?65d7:591 [Vue warn]: Duplicate keys detected: '0'. This may cause an update error.

vue报错 Duplicate keys detected: '0'._第1张图片

原因
今天写项目中出现这个报错,报错提示key值重复。这样就能立即定位到是for循环的问题。
找到使用for循环位置
image.png
如图所示,所使用的两个for循环都使用了index作为key值。而key值是唯一的,index的值肯定是会重复的,所以报错提示key值重复。

解决方法
给绑定的key值加上个标识,使key值唯一
image.png

 
{{item}}
{{item}}

你可能感兴趣的:(vue报错 Duplicate keys detected: '0'.)