昨天運行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>
