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>

原文链接:https://blog.itblood.com/1418.html,转载请注明出处。
0
我的乡村日常生活v0.3.3[PC+安卓/2.98G/更新] [神作RPG/AI汉化]
我的乡村日常生活v0.3.3[PC+安卓/2.98G/更新] [神作RPG/AI汉化]
5分钟前 有人购买 去瞅瞅看

站点公告

显示验证码
没有账号?注册  忘记密码?