programing

요소에 ID가 없을 때 vuej에서 v-for를 처리하는 방법

prostudy 2022. 6. 1. 17:37
반응형

요소에 ID가 없을 때 vuej에서 v-for를 처리하는 방법

이 에러는 자주 발생합니다.v-for지시.

반복 요소에는 다음 요소가 필요합니다.v-bind:key지시의

이렇게 for 루프를 사용할 때.

<div v-for='person in people'> {{ person.name }} </div>

문제는, 드문 경우지만, 가끔, 나는 아무것도 가지고 있지 않다는 것이다.id키를 누르다그리고 나는 이 경우에 무엇을 할 수 있는지 알고 싶다.

Ghanshyam은 이미 댓글에서 언급했듯이 쉽게 인덱스를 생성할 수 있습니다.v-for.

<div v-for="(person, index) in people" :key="index" >
    {{ person.name }}
</div>

그러나 인덱스를 키로 삼지 않는 것에 대해서는 할 말이 있다.

기타 SO 포스트:항상 인덱스를 루프의 vue.js 키로 사용하지 않는 이유는 무엇입니까?

언급URL : https://stackoverflow.com/questions/46564860/how-to-deal-with-v-for-in-vuejs-when-element-has-no-id

반응형