vue路由跳转页面因为页面过长从页尾开始展示而不是从页头开始展示

vue路由跳转页面因为页面过长从页尾开始展示而不是从页头开始展示

Vue路由跳转到新页面时 默认在页面最底部 而不是最顶部 的解决方法
今天碰到一个问题 vue路由跳转到新的页面时会直接显示页面最底部 正常情况下是显示的最顶部的 而且好多路由中不是全部都是这种情况 折腾好长时间也没解决 最后在网上找到了解决办法
在本地还是正常的就是上传到服务器就出现的这个问题，就是因为页面太长会出现这种情况

哪个页面有问题就在哪个页面加上这个代码
其实原理很简单 就是在页面加载完毕后 把滚动条的距离设置为（0，0） 就解决了

mounted () 
    this.$router.afterEach((to, from, next) => {
        window.scrollTo(0, 0)
    })
}