Vue材质-路由器视图上的本机转换

你应该包起来 <router-view> 用一个 <transition> 标签:

<transition name="fade-slide-up" mode="out-in">
  <router-view></router-view>
</transition>

然后创建所需的转换 <style> 是的。下面是一个例子:

.fade-slide-up-enter-active {
  transition: all 0.5s ease;
}
.fade-slide-up-leave-active {
  transition: all 0.5s ease;
}
.fade-slide-up-enter, .fade-slide-up-leave-to {
  transform: translateY(40px);
  opacity: 0;
}