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

在main.js 中添加代码：

1 router.afterEach((to,from, next) => {
2 
3   window.scrollTo(0,0)
4 
5 })

 

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