Duplicate keys detected: ‘0‘. This may cause an update error.【解决办法】

今天爱分享给大家带来Duplicate keys detected: ‘0‘. This may cause an update error.【解决办法】，希望能够帮助到大家。

今天运行vue项目的时候，出现了[Vue warn]: Duplicate keys detected: ‘0’. This may cause an update error（错误，检测到重复的key值：”0“，这可能会导致更新错误）

错误原因：
我们在使用v-for的时候，都要必须加上一个唯一的key值，但是这里写了两个for循环，尽管都加上了key值,然而又将key的值写成一样的了。所以就导致了警告。

解决办法：
可以将其中一个的key修改一下即可。

出错的地方：
写了两个一样的for循环，绑定的key相同。

<div class=”info” v-for=”(item, index) in itemList” :key=”index”></div>
<div class=”info” v-for=”(item, index) in itemList” :key=”index”></div>

可以修改其中一个的key值。

<div class=”info” v-for=”(item, index) in itemList” :key=”‘info-‘+ index”></div>
<div class=”info1″ v-for=”(item, index) in itemList” :key=”‘info1-‘+ index”></div>