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

65 阅读 0 评论 43 点赞

我是靠谱客的博主辛勤草丛，最近开发中收集的这篇文章主要介绍VUE - 路由跳转时设置动画效果，觉得挺不错的，现在分享给大家，希望可以做个参考。

App.vue
html

<transition name="fade">
    <router-view />
</transition>

css

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

以上就是辛勤草丛为你收集整理的VUE - 路由跳转时设置动画效果的全部内容，希望文章能够帮你解决VUE - 路由跳转时设置动画效果所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。