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

效果

原理

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

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

源码

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

分类: vue 项目实战 标签: transitionvue路由

评论

暂无评论数据

暂无评论数据

目录