프로그래밍자바스크립트
vue 라우터 fade in, out
- 작성자
- 고성훈
- 등록일
- 2022-10-19 10:37
.fade-enter-active, .fade-leave-active {
transition-property: opacity;
transition-duration: .25s;
}
.fade-enter-active {
transition-delay: .15s;
}
.fade-enter, .fade-leave-active {
opacity: 0
}
<transition name="fade">
<router-view name="main" :key="$route.fullPath"></router-view>
</transition>