解決 vue エラー 重複したキーが検出されました: '9'. これにより、更新エラーが発生する可能性があります。

Duplicate keys detected: '9'. This may cause an update error. これは、Vue がキーが一意ではないことを検出したために発生したエラーです。

中国語への翻訳は大まかに: Duplicate key detected: '9' may cause an update error. 問題を

見つけて、エラーを報告したコンポーネントを見つけます =>
1、問題を知るためにループ項目にバインドされたキーを確認します

2、確認します図からわかるように、定義されたデータは、コレクション内の id に重複した値があるため、v-for で id をキーとして使用すると、エラーの解決策になり

ます。

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