vue報錯之Duplicate keys detected: '0'. This may cause an update error.

居老師的狗子發表於2019-03-18

昨天執行vue專案的時候,出現了[Vue warn]: Duplicate keys detected: '0'. This may cause an update error. 錯誤,檢測到重複的key值。主要是寫了兩個for迴圈,我們在使用v-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="info1" v-for="(item, index) in itemList" :key="'info1-'+ index"></div>

 

相關文章