강의

멘토링

커뮤니티

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

변재원님의 프로필 이미지
변재원

작성한 질문수

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

transition v-enter-from 관련 문제 해결

작성

·

242

1

저 같은 경우 개발자도구 콘솔창에 transition-group children must be keyed. warning이 뜨고 enter 트랜지션이 적용이 안되길래 이것저것 해보다가 <li> key 에 todoitem.item 이 아닌 index 로 넣으니까 해결이 됐어용

 

근데 이게 맞는 방법인진 모르겠네요..

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

답변 1

0

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

안녕하세요 재원님, :key에는 유니크한 키 값이 들어가면 됩니다 :) todoItem.item이 유니크하지 못하다고 판단해서 말씀하신 워닝이 뜬거 같아요!

변재원님의 프로필 이미지
변재원

작성한 질문수

질문하기