vue通过路由进入页面后不显示最顶部

问题：项目中，通过vue路由进入页面，刚进入页面显示页面中间部分或底部

解决：

单页面情况下：

mounted() {
 // 切换页面时滚动条自动滚动到顶部
    window.scrollTo(0,0);
}

全局情况下：在main.js中

router.afterEach((to,from) => {
  window.scrollTo(0,0);
  // 或
  // window.scroll(0, 0);
});

 afterEach 路由导航守卫，全局后置钩子，接受两个参数to和from，具体可参考vue-router官方文档 https://router.vuejs.org/zh/guide/advanced/navigation-guards.html