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嵌套的情況