Elements in iteration expect to have 'v-bind:key' directives. 에러 발샐 질문
632
빈프스
작성한 질문수 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. 라는 에러가 발생하는데
어떻게 해결해야 하나요 ?
답변 2
0
안녕하세요 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
209
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