반응형
요소에 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
반응형
'programing' 카테고리의 다른 글
Android JNI 프로그램에서 호출하는 Log API란 무엇입니까? (0) | 2022.06.01 |
---|---|
Swift, Objective-C, C, C++ 파일을 같은 Xcode 프로젝트에 넣을 수 있습니까? (0) | 2022.06.01 |
C/C++ 포함 헤더 파일 순서 (0) | 2022.06.01 |
표현식과 상수는 메모리에 저장되지 않는 경우 어디에 저장됩니까? (0) | 2022.06.01 |
Vuex의 4가지 상태를 구별하는 방법 (0) | 2022.06.01 |