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

在main.js 中添加代码：

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

   window.scrollTo(0,0)

 })

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