猿问

vue中路由过渡的问题?

vue里面给路由添加过场动画淡入淡出效果, 组件在移除时是淡出的,但是在进入时是瞬间进入的,并没有淡入,这两步之间,页面会变空白。下面是我的代码,就是从官网抄的:

<template>

  <div id="app">

    <transition name="fade">

      <router-view></router-view>

    </transition>

  </div>

</template>

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

  transition: opacity .3s

}

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

  opacity: 0

}



请问要怎么做才可以在当前组件淡出的同时,将要被插入的组件能淡入。


慕沐林林
浏览 623回答 1
1回答

噜噜哒

设置mode为out-in
随时随地看视频慕课网APP

相关分类

JavaScript
我要回答