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

javascript - Problem with route transition in vue?
滿天的星座
滿天的星座 2017-06-12 09:30:07
0
3
836

Vue adds a cutscene animation fade-in and fade-out effect to the route. The component fades out when it is removed, but when it is entered, it enters instantly and does not fade in. Between these two steps, the page will become blank. The following is my code, copied from the official website:

<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)前組件淡出的同時(shí),將要被插入的組件能淡入。
滿天的星座
滿天的星座

reply all(3)
世界只因有你

Set mode to out-in

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

or:

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

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

Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template