首先检查是否安装了路由依赖,若没有安装,先进行安装:
cnpm install vue-router -D
具体路由定义或基本使用请参考官方文档:点击打开链接
1.当页面内容过多时,切换路由始终回到页面顶端,配置scrollBehavior
const router = new Router({
scrollBehavior: () => ({
y: 0
}),
routes
});
2.通过全局前置守卫来判断路由,当当前要去的路由没找到,或者为指定的某个时 做相应操作
router.beforeEach((to, from, next) => {
if (to.path == "/comingSoon") {
Toast("敬请期待!");
} else {
next();
}
});
注:
to:即将要跳转的路由
from:当前离开的路由
next()一定要写,否则路由不会跳转,至于next具体参数,请参照参考手册
3.组件内的控制守卫
3.1 beforeRout