vue 切换路由动效

一直想找一个动效,因为以前一直都是使用mode="out-in";这种一般也就fade这种动效好看,如果要更好看一点,就需要花点心思了。

效果

原理

通过给每个路由的自定义属性meta设置一个层级,第一层,第二层,第三层,也可以理解为第一页,第二页,第三页。

然后通过这个层级关系判断页面是往左还是往右。

源码

此处内容已隐藏回复后方可阅读。

0
  • 本文分类:vue 项目实战
  • 本文标签:transitionvue路由
  • 流行热度:已超过 89 人围观了本文
  • 发布日期:2020年09月7日 - 22时29分00秒
  • 版权申明:本文系作者@木灵鱼儿原创发布在木灵鱼儿站点。未经许可,禁止转载。

相关文章

微信收款码
微信收款码