[ Vue ][Vue warn] v-for :key 중복 업데이트 오류

[Vue warn]: Duplicate keys detected: '0'. This may cause an update error.

 

Update Error

에러원인 : :key중복으로 인한 업데이터 오류

 

해결방안

변경 전

<div v-for="(item, index) of items" :key="index">
    내용
</div>

<div v-for="(item, index) of items2" :key="index">
    내용
</div>

 

변경 후

<div v-for="(item, index) of items" :key="'a' + index">
    내용
</div>

<div v-for="(item, index) of items2" :key="'b' + index">
    내용
</div>

다른 v-for루프에서 동일한 :key가 경고를 발생시키기 때문에, 다른 키를 사용하여 해결