# 跳转路由锁
注意
统一的路由解锁请在 跨平台下查看
# 让路由锁更精准
const router = createRouter({
platform: process.env.VUE_APP_PLATFORM,
applet: {
animationDuration: 300 //默认 300ms v2.0.6+
},
routes: [...ROUTES]
});
1
2
3
4
5
6
7
2
3
4
5
6
7
在小程序中官方并没有给我们提供切换动画，当执行 redirectTo、push 的时候都会有默认的切换动画，而这个动画大概在 200~300ms 之间。有时候手机卡顿执行了跳转但需要一段时间，而这个时间段用户又多次点击执行跳转，此时就会让页面多次切换，而路由锁的作用就是避免这样的情况发生。而 animationDuration 是保留给 redirectTo、push 足够的时间。让它真正切换完成页面后才会放行下一次跳转！
# 不那么精准的路由锁
const router = createRouter({
platform: process.env.VUE_APP_PLATFORM,
applet: {
animationDuration: 0 //默认 300ms v2.0.6+
},
routes: [...ROUTES]
});
1
2
3
4
5
6
7
2
3
4
5
6
7
当我们把 animationDuration 设置为 0 时，则只捕捉跳转 api 下的 complete 函数，不会给动画保留足够的时间。