1. 程式人生 > 其它 >vue for迴圈中報錯‘keys’

vue for迴圈中報錯‘keys’

技術標籤:js

兩個for迴圈中共用相同資料的陣列,會出現關鍵字keys的報錯

報錯資訊

錯誤程式碼:

//這裡的itemList和itemList2資料相同
    <div v-for="(item, index) in itemList" :key="index" >
    <div v-for="(item, index) in itemList2" :key="index" >

這樣就會出現關於keys的報錯

正確程式碼:

//這樣就能保證key值的唯一性
    <div v-
for="(item, index) in itemList" :key="item+index" > <div v-for="(item, index) in itemList2" :key="item+index" >