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

borissal07님의 프로필 이미지

작성한 질문수

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

[퀴즈] 모달 컴포넌트의 slot 소개 및 퀴즈 안내

모달이 부드럽게 뜨지 않습니다.

작성

·

417

1

강의내용과 똑같이 작성하고 실행해 보았고 혹시나 해서 깃헙에서 코드 가져와 실행했음에도 모달이 부드럽게 사라지는 것은 되지만 부드럽게 나타나는 것은 잘 되지 않았습니다. 혹시 어떻게 해결 할 수 있을까요?

답변 3

0

저도 같은 현상이 있었는데, 간단하게 transition 태그에 "appear" 속성을 추가하니 해결되었습니다.

<transition appear name="modal">


참고링크: https://stackoverflow.com/questions/61190142/the-transition-of-my-vue-modal-component-in-my-twig-file-is-not-working

0

borissal07님의 프로필 이미지
borissal07
질문자

해결했습니다! list transition을 검색하고 복붙하는 과정에서 vue2 가 아닌 vue3문서를 찾아 들어갔던것이 문제였던 것 같습니다.

이 문서에는 list-enter 대신 list-enter-from 으로 적혀있군요. 감사합니다.

0

안녕하세요, 모달 트랜지션 시작하는 부분의 클래스와 스타일을 다시 한번 살펴보시겠어요? 말씀해 주신 내용만으로는 도움 드리기가 어려울 것 같아요! 그리고 아래 내용도 한번 살펴보세요 :)

https://v2.vuejs.org/v2/guide/transitions.html#Transition-Classes