Vue路由跳转到新页面时 默认在页面最底部 而不是…

2018-09-18 06:39:12来源:博客园 阅读 ()

新老客户大回馈,云服务器低至5折

今天碰到一个问题   vue路由跳转到新的页面时会直接显示页面最底部  正常情况下是显示的最顶部的  而且好多路由中不是全部都是这种情况  折腾好长时间也没解决  最后在网上找到了解决办法

其实原理很简单  就是在页面加载完毕后  把滚动条的距离设置为(0,0) 就解决了  

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

很不理解的就是为什么会出现这种情况呢?

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:echarts自适应宽度

下一篇:初入webpack,手把手记录(一)