解決vue報錯Duplicate keys detected: ‘9‘. This may cause an update

Duplicate keys detected: ‘9’. This may cause an update error.是vue發現key不是唯一的而引發的錯誤.

譯為中文大概是 : 檢測到重複鍵 : '9’可能會導緻一個更新錯誤

查找問題 找到我們報錯的元件=>

1，檢視循環項綁定的key得知了問題所在

2，檢視定義的資料，由圖可知，因為集合中的id有重複的值，當我們在 v-for 中使用id作為key時，即為報錯

解決辦法：

<div class="list" v-for="(item,index) in list" :key="index">