transition 효과 적용 안되는 문제

[이하은]

class로 했을 때에도 Transition으로 감싸도 서서히 나타나는 효과가 적용되지 않아요..

[codingapple]

detailmodal.vue안에 <Transition>써봅시다

[이하은]

DetailModal.vue 가장 바깥 div 를 위 사진처럼 Transition으로 감싸도 똑같아영 원인을 모르겠네요

[codingapple]

v-if 쓴 곳 바로 위에 Transition 써봅시다

[이하은]

직전 댓글에서 DetailModal.vue의 v-if 바로 위에 적용했었는데 안됐어요ㅜㅜ 그 코드입니당

[codingapple]

css는 
.fade-enter-active, .fade-leave-active {  transition: opacity 0.5s ease; }  .fade-enter-from, .fade-leave-to {  opacity: 0; }
로 바꿔봅시다

[이하은]

해결되었어요!
css로 해결될 거라곤 생각 못 하고 다른 부분만 봤는데..
항상 감사합니다 강사님!

[글쓴이]

글