VUE - 路由跳转时设置动画效果

vue

/* 为对应的路由跳转时设置动画效果 */

 

<transition name="fade">

        <router-view />

    </transition>

 

.fade-enter-active, .fade-leave-avtive {

    transition: opacity 1s

}

.fade-enter, .fade-leave-to {

    opacity: 0

}

以上是 VUE - 路由跳转时设置动画效果 的全部内容, 来源链接: utcz.com/z/380174.html

回到顶部