여씨의 개발이야기

[vuejs] error Elements in iteration expect to have 'v-bind:key' directives vue/require-v-for-key 본문

🐾 Programming Lang/👀 Vue

[vuejs] error Elements in iteration expect to have 'v-bind:key' directives vue/require-v-for-key

yeossi 2024. 1. 24. 14:22

해당 에러는 위와 같이 v-for를 사용했을 때 나는 에러이다. v-for를 사용할 경우에 키값도 같이 지정을 해줘야 한다.

그렇기때문에 아래와 같이 수정하였다

<div v-for="p in products" :key="p">
  <h4>{{p}}</h4>
  <p>가격은?</p>
</div>
Comments