国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

javascript - vue中路由過渡的問題?
滿天的星座
滿天的星座 2017-06-12 09:30:07
0
3
835

vue里面給路由添加過場動畫淡入淡出效果, 組件在移除時是淡出的,但是在進入時是瞬間進入的,并沒有淡入,這兩步之間,頁面會變空白。下面是我的代碼,就是從官網(wǎng)抄的:

<template>
  <p id="app">
    <transition name="fade">
      <router-view></router-view>
    </transition>
  </p>
</template>
.fade-enter-active, .fade-leave-active {
  transition: opacity .3s
}
.fade-enter, .fade-leave-active {
  opacity: 0
}


請問要怎么做才可以在當(dāng)前組件淡出的同時,將要被插入的組件能淡入。
滿天的星座
滿天的星座

全部回復(fù)(3)
世界只因有你

設(shè)置mode為out-in

學(xué)霸
.fade-enter-active, .fade-leave-active {
  opacity: 1;
  transition: opacity .3s
}
.fade-enter, .fade-leave-active {
  opacity: 0
}

或:

.fade-enter-active, .fade-leave-active {
  opacity: 1;
  transition: opacity .3s
}
.fade-enter, .fade-leave-to {
  opacity: 0;
}
劉奇

.fade-enter-active、.fade-leave-active {
不透明度:1;
過渡:不透明度 .3s
}
.fade-enter、.fade-leave {
不透明度:0
}

最新下載
更多>
網(wǎng)站特效
網(wǎng)站源碼
網(wǎng)站素材
前端模板