vue的报错信息：Duplicate keys detected: ‘0‘. This may cause an update error.
vue的报错信息：Duplicate keys detected: ‘0‘. This may cause an update error.
江咏之
发布于 2022-06-16 09:00:38
发布于 2022-06-16 09:00:38
文章被收录于专栏：技术社区
今天运行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>本文参与 腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。
原始发表：2020-08-20，如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读
腾讯云开发者
