vue做的项目每次打开新页面不会显示页面顶部的解决办法

在main.js 中添加代码：

router.afterEach((to,from, next) => {

  window.scrollTo(0,0)

})

 

然后就会发现每次打开页面都是显示的是页面顶部内容，再也不会显示页面底部或者其他位置影响用户体验。