问题展示:
点击=>跳转
解决问题:
使用路由的前置钩子(前置路由守卫)
代码如下:
// 挂载路由守卫
// to 将访问哪一个路径
// from 代表从哪个路径跳转而来
// next 是一个函数,表示放行
router.beforeEach((to, from, next) => {
// 路由跳转后,让页面回到顶部
document.body.scrollTop = 0;
document.documentElement.scrollTop = 0;
window.pageYOffset = 0;
//next() 放行 next('/login') 强制跳转
// 调用 next(),一定要调用 next 方法,否则钩子就不会被销毁!!
next();
});