vue报错 | Duplicate keys detected: ‘0’. This may cause an update error.
生活随笔
收集整理的這篇文章主要介紹了
vue报错 | Duplicate keys detected: ‘0’. This may cause an update error.
小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
導(dǎo)致報(bào)錯(cuò)的原因
v-for循環(huán)相同的變量,定義了相同的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加上前綴,確保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>?
總結(jié)
以上是生活随笔為你收集整理的vue报错 | Duplicate keys detected: ‘0’. This may cause an update error.的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇: js移动数组元素
- 下一篇: linux定时任务生效_Linux 定时