加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 百科 > 正文

vue2.0路由切换后页面滚动位置不变BUG的解决方法

发布时间:2020-12-17 02:30:38 所属栏目:百科 来源:网络整理
导读:最近项目中遇到这样一个问题,vue切换路由,页面到顶端的滚动距离仍会保持不变。 解决办法很简单,如下,直接监测watch路由变化,然后将body的滚动距离scrollTop赋值为0。 补充: hash模式下才会导致上述问题,history模式下vue官网有更好的处理方法。 以上

最近项目中遇到这样一个问题,vue切换路由,页面到顶端的滚动距离仍会保持不变。

解决办法很简单,如下,直接监测watch路由变化,然后将body的滚动距离scrollTop赋值为0。

补充: hash模式下才会导致上述问题,history模式下vue官网有更好的处理方法。

以上这篇vue2.0路由切换后页面滚动位置不变BUG的解决方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持编程之家。

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读