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