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>

人已赞赏
前端

vue路由跳转时 总是跳转到下一个页面的底部【bug修复】

2020-11-11 10:33:05

前端

vue-cli 如何安装最新版本【附代码】

2020-11-11 10:41:23

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
'); })();