Vue路由切换页面时页面滚动条回滚到顶端以及校验页面是否登录

Vue路由切换页面时页面滚动条回滚到顶端

在使用vue.router切换页面时，如遇到一个页面过长，滚动到某个位置时，再跳转到另一个页面，滚动条默认是在上一个页面停留的位置，最好的体验肯定是能回到顶端，可通过路由自带的钩子函数实现

//mian.js
//...
router.afterEach((to,from,next) => {
	windows.scrollerTo(0,0);
});

过校验页面是否登录

某些页面需要校验是否登录，如果登录了就可以访问，否则跳转到登录页。

router.beforeEach((to,from,next) => {
	if (window.localStorage.getItem('token')) {
		next();
	} else{
		next('/login');
	}
});

next() 的参数设置为false时，可以取消导航，设置为具体的路径可以导航到指定的页面