[vue3] Elements in iteration expect to have 'v-bind:key' directives

 

가끔 저런 에러가 뜨는데(어째 vscode에서 작성할땐 안뜨고 sandbox라는 vue를 돌릴수있는 웹사이트?에서 작성하면 뜸) 그냥 키를 써주면 됨.

 

1. :key 추가

<div v-for="(name, idx) in arr" :key="idx">
	// ...
</div>

참고로 :key를 썼는데 경고가 사라지지 않는다면 v-for를 돌리는 태그가 아닌, 다른 내부 태그 등에 :key를 주지 않았나 확인 필요