틈

[Vue.js] transition 적용하기 본문

code/Vue.js

[Vue.js] transition 적용하기

남우p 2021. 8. 28. 21:03 

  <transition name="fade">
    <Modal @close="popup = false" :popInfo="popInfo" :products="products" :popup="popup" />
  </transition>
.fade-enter-from {opacity:0;}
.fade-enter-active {transition:all 1s;}
.fade-enter-to {opacity:1;}

.fade-leave-from {opacity:1;}
.fade-leave-active {transition:all 1s;}
.fade-leave-to {opacity:0;}

 

'code > Vue.js' 카테고리의 다른 글

[Vue3] SCSS 버전 에러  (0) 2024.09.06
[Vue.js] router 사용하기  (0) 2021.08.30
[Vue.js] props, $emit, $event, v-model, watch  (0) 2021.08.26
vue.js 기본 설치 webpack  (0) 2021.06.14
'code/Vue.js' Related Articles more
Comments