vue报错的几种情况 Duplicate keys detected: '1'. This may cause an update error.

 

vue + ant vue下拉框遍历时候出现报错，检查key是唯一的（没有重复），后台返回的数据也没问题

 

最后排查是因为，两个组件中有两个for循环操作同一个数组，导致key重复。

解决方式，可以给key加个标识，比如:key="index + '-only'"

【检测到重复的密钥】出现该错误的几种原因：

1、key值重复，不是唯一的（有可能后台返回数据有误 数据库数据重复，有可能前端写的固定数据codeValue有误）

2、页面上遍历时候同时操作了相同的数组

3、页面出现for嵌套的情况