• 카테고리

    질문 & 답변

  • 세부 분야

    프론트엔드

  • 해결 여부

    미해결

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

22.04.07 16:25 작성 조회수 133

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">
course-thumbnail

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

답변 1

답변을 작성해보세요.

0

장기효(캡틴판교)님의 프로필

장기효(캡틴판교)

지식공유자

2022.04.08

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

이 글과 비슷한 Q&A