vue3路由跳转动画-animation
·
主要实现根据不同页面使用不同的跳转动画,例如在home路由页面跳转到home下的子页面,需要使用从右向左的路由跳转方式,从子页面返回的时候需要使用从左到右的跳转方法
实现效果视频地址:
路由跳转动画演示-CSDN直播演示vue3根据层级使用不同的切换动画
https://live.csdn.net/v/317550
1. vue3实现过渡动画写法,transitionName用于控制跳转路由页面的动画

2. 定义css动画,需要使用安装导入 animate.css

3. setup函数中,配置前置路由守卫,根据meta.index属性判断本次跳转使用什么动画

4. 路由文件中配置meta.index路由层级

更多推荐




所有评论(0)