解决vue页面跳转之后，所到达页面没有回到顶部的问题

问题展示：

 点击=>跳转

 解决问题：

使用路由的前置钩子(前置路由守卫)

代码如下：

//  挂载路由守卫
// 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();
 
});