inflearn logo
강의

講義

知識共有

Vue.js 完全ガイド - 実習とリファクタリングで学ぶ実践概念

axiosを利用したAPIコール

v-for 에서 v-bind:key값

2232

sususuz16590

投稿した質問数 7

5

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

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

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

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

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

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

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

javascript vuejs

回答 2

5

captain

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

2

dhkwon12092807

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

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

깃 권한 요청 드립니다

0

50

1

깃 권한 신청

0

50

1

깃 권한 요청드립니다.

0

111

1

깃허브 권한 요청 드립니다

0

144

1

깃허브 권한 요청 드립니다

0

160

1

깃허브 권한 요청 드립니다

0

167

1

깃허브 권한 요청 드립니다.

0

154

1

안녕하세요 vue 2.7로 수강하고 있는 학생입니다. 실무에서 최하위 자식의 props와 watch의 관계를 여쭈고자 합니다.

0

207

1

ide 타입추론 기능 사용할 수 없을까요??

0

207

1

컴포넌트 링크는 vue peek 익스텐션 설치가 필수인가요??

0

228

1

Vue3로 진행중입니다

1

338

1

Vue router-link 사용시 같은 url이면

1

506

1

vue3 에러 메세지...

1

670

2

id ="app" 중복

0

271

2

use undefined 에러가 나옵니다.

1

318

2

깃허브 권한 요청드립니다.

1

358

2

권한요청드립니다.

1

299

2

Vue3에서 구글 애드센스 탑재하기

1

435

2

코드가 정상 작동 되는건지 ...

1

302

1

강의에서 api를 따로 빼셨는데 얻는 이점이 뭐죠?

1

243

1

vuex 적용시 질문

1

288

2

라우터 버전이 안맞는데 어떤걸 써야하나요

1

381

2

UserView에 id 속성만 undefined로 넘어오는데 이유를 모르겠습니다..

1

454

2

권한요청 드립니다!

1

274

2