• 카테고리

    질문 & 답변
  • 세부 분야

    프론트엔드

  • 해결 여부

    미해결

v-for 에서 v-bind:key값

20.10.02 00:42 작성 조회수 1.75k

5

v-for=" user in users " 요렇게 입력해주면 빨간밑줄로

v-bind 키 넣으라고해서  v-bind:key="user" 로 넣어줬는데

vscode 상에선 에러메시지가 안나오는데

라이브서버 돌리면 실행은되지만 에러메시지가 나오더라구요..

v-bind:key="user.id" 로 해주면 그제서야 사라지던데

user.id는 구글링해서 알게된거라.. 

맞는것인지도 모르겠습니다.  

답변 2

·

답변을 작성해보세요.

5

안녕하세요 sususuz1님, user 데이터가 객체이면 객체 안의 특정 속성을 key 값으로 지정해주셔야 합니다. 말씀해주신 것처럼 user.id 같은 것으로요. v-bind:key의 대상은 객체가 아니라 문자열, 숫자 같은 식별할 수 있는 값이어야 합니다 :)

2

권동현님의 프로필

권동현

2021.03.05

추가로 vue 2.2.0 버전 이상부터 필수로 key를 입력하게 되어 있습니다.

리스트 렌더링 공식 가이드 : https://kr.vuejs.org/v2/guide/list.html