vue報錯之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>

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM