【VUE】- Duplicate keys detected:'0'

問題描述

出現了[Vue warn]: Duplicate keys detected: ‘0’. This may cause an update error（錯誤，檢測到重複的key值：”0“，這可能會導致更新錯誤）

問題出現原因

我們在使用v-for循環遍歷數據的時候，都要必須加上一個唯一的key值，但是在操作的時候多個for循環，key出現了重複的情況，也就不能唯一標識了，簡單理解重複的key值；

具體問題與解決方案：

• 1、儘管都加上了key值,然而又將key的值寫成一樣的了。所以就導致了警告，具體如下圖所示：
  

• 解決方案：根據實際應用將item與index更改爲能具體標識易理解的名稱，可以根據綁定的具體數據的英文進行命名；

• 2、都加上了key值,並且將key的值設置成了不一樣，但在執行過程中出現了一致的情況，也會導致這樣的警告，具體如下圖所示：
  

• 解決方案：
  那麼出現這樣的情況怎麼解決呢，根據實際應用將item與index更改爲能具體標識易理解的名稱，可以根據綁定的具體數據的英文進行命名，避免key值重複；
  

重新啓動項目，問題解決 ；