inflearn logo
강의

講義

知識共有

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

Elements in iteration expect to have 'v-bind:key' directives. 에러 발샐 질문

632

binogood680792

投稿した質問数 2

1

<template>
<div>
<div v-for="user in users">{{ user.title }}</div>
</div>
</template>

<script>
import axios from 'axios';

export default {
data() {
return {
users: []
}
},
created() {
var vm = this;
axios.get('https://api.hnpwa.com/v0/news/1.json')
// es5 문법
.then(function(response){
console.log(response);
vm.users = response.data;
})
.catch(function(error){
console.log(error);
})
// es6 문법
// .then(response => vm.users = response.data)
// .catch()
},
}
코드를 이렇게 작성했는데.. <div v-for="user in users">{{ user.title }}</div> 부근에서 에러가 발생합니다.
에러 내용은 Elements in iteration expect to have 'v-bind:key' directives. 라는 에러가 발생하는데
어떻게 해결해야 하나요 ?

긴급 vuejs javascript

回答 2

2

dkffkekahsl13615

<div v-for="(user, index) in users" :key="index"></div>

이렇게 한번 해보세요 :)

0

captain

안녕하세요 Bino님, v-for 디렉티브를 사용할 때는 v-bind:key를 꼭 지정해 주어야 합니다. 강의 뒤쪽에 아마 안내가 될 거에요 :) 종수님 대신 답변해 주셔서 감사해요!

깃 권한 요청 드립니다

0

50

1

깃 권한 신청

0

51

1

깃 권한 요청드립니다.

0

111

1

깃허브 권한 요청 드립니다

0

145

1

깃허브 권한 요청 드립니다

0

162

1

깃허브 권한 요청 드립니다

0

169

1

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

0

154

1

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

0

210

1

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

0

209

1

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

0

230

1

Vue3로 진행중입니다

1

339

1

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

1

507

1

vue3 에러 메세지...

1

674

2

id ="app" 중복

0

271

2

use undefined 에러가 나옵니다.

1

320

2

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

1

359

2

권한요청드립니다.

1

300

2

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

1

437

2

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

1

304

1

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

1

245

1

vuex 적용시 질문

1

290

2

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

1

385

2

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

1

456

2

권한요청 드립니다!

1

275

2