강의

멘토링

커뮤니티

인프런 커뮤니티 질문&답변

김영창님의 프로필 이미지
김영창

작성한 질문수

Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex

트렌지션 소개 및 구현

트렌지션 설정 중 children must be keyed ERROR

작성

·

826

4

최근 듣는 분들 @vue/cli 4.5.9 에서 트렌지션 설정 중

<transition-group> children must be keyed: <li> ERROR

콘솔창에서 위와 같은 에러 뜨면 아래 처럼 변경하면 되네요 :)

변경 전

<li v-for="(todoItem, index) in propsdata" v-bind:key="todoItem.item" class="shadow">

변경 후

<li v-for="(todoItem, index) in propsdata" :key="todoItem.item" class="shadow">

답변 1

0

캡틴판교님의 프로필 이미지
캡틴판교
지식공유자

안녕하세요 영창님, 좋은 정보 공유해 주셔서 감사합니다 :) 수업에서는 일단 v-bind 라는 디렉티브에 익숙해지실 수 있도록 속성을 풀네임(full name)으로 작성했는데요. 실무에서는 축약형으로 통일해서 작성하시는게 좋기 때문에 같이 참고해 주시면 좋을 것 같습니다 :) 감사드려요!

김영창님의 프로필 이미지
김영창

작성한 질문수

질문하기