인프런 커뮤니티 질문&답변
작성한 질문수
v-for 에서 v-bind:key값
작성
·
2.1K
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
추가로 vue 2.2.0 버전 이상부터 필수로 key를 입력하게 되어 있습니다.
리스트 렌더링 공식 가이드 : https://kr.vuejs.org/v2/guide/list.html