欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

Vue路由跳转到新页面时 默认在页面最底部 而不是最顶部 的解决

程序员文章站 2022-06-30 09:07:55
今天碰到一个问题 vue路由跳转到新的页面时会直接显示页面最底部 正常情况下是显示的最顶部的 而且好多路由中不是全部都是这种情况 折腾好长时间也没解决 最后在网上找到了解决办法 其实原理很简单 就是在页面加载完毕后 把滚动条的距离设置为(0,0) 就解决了 很不理解的就是为什么会出现这种情况呢? ......

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

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

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

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