今天碰到一个问题 vue路由跳转到新的页面时会直接显示页面最底部 正常情况下是显示的最顶部的 而且好多路由中不是全部都是这种情况 折腾好长时间也没解决 最后在网上找到了解决办法
其实原理很简单 就是在页面加载完毕后 把滚动条的距离设置为(0,0) 就解决了
mounted ()
this.$router.afterEach((to, from, next) => { window.scrollTo(0, 0) }) }
很不理解的就是为什么会出现这种情况呢?
今天碰到一个问题 vue路由跳转到新的页面时会直接显示页面最底部 正常情况下是显示的最顶部的 而且好多路由中不是全部都是这种情况 折腾好长时间也没解决 最后在网上找到了解决办法
其实原理很简单 就是在页面加载完毕后 把滚动条的距离设置为(0,0) 就解决了
mounted ()
this.$router.afterEach((to, from, next) => { window.scrollTo(0, 0) }) }
很不理解的就是为什么会出现这种情况呢?
本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。