vue2.0路由切换后页面滚动位置不变BUG
2017-08-26 12:17
866 查看
最近项目中遇到这样一个问题,vue切换路由,页面到顶端的滚动距离仍会保持不变。
解决办法很简单,如下,直接监测watch路由变化,然后将body的滚动距离scrollTop赋值为0。
<a href="javascript:;" class="btn btn01" @click="useRightNow">立即试用</a> <router-link class="db" to="/user">个人中心</router-link>
useRightNow(){ if(判断用户存在){ this.$router.push('/user') }else{ this.$router.push("/login") } }
解决办法很简单,如下,直接监测watch路由变化,然后将body的滚动距离scrollTop赋值为0。
export default { watch:{ '$route':function(to,from){ document.body.scrollTop = '0'; } } }
相关文章推荐
- vue2.0路由切换后页面滚动位置不变BUG的解决方法
- vue2.0路由切换后页面跳转后新页面滚动位置不变BUG
- vue2.0 页面A跳转到页面B,B页面停留在A页面的滚动位置的解决方法
- vue2 切换路由时 页面滚动到顶部 用游览器返回时 记住上页的位置
- 详解使用vue-router进行页面切换时滚动条位置与滚动监听事件
- 让一个图片随页面垂直滚动条滚动位置不变
- js练习之事件切换图片和控制css样式以及指定页面滚动位置
- vue 刷新之后 嵌套路由不变 重新渲染页面的方法
- sharepoint 2010 页面刷新时滚动条位置保持不变 Controlling scrollbar position on postback
- vue页面切换到滚动页面显示顶部的实例
- vue通过 vue.mixin(混合)实现 任意页面记录滚动条位置(路由router.query参数一致) 并跳转到上次的位置
- vue页面切换到滚动页面显示顶部
- sharepoint 2010 页面刷新时滚动条位置保持不变 Controlling scrollbar position on postback
- Vue 2.0 页面刚启动时如何做路由的重定向?
- vue项目实践教程2:使用vux设计登录注册,并讲解vue路由,切换页面标题等内容
- SharePoint【学习笔记】-- SharePoint 2010 页面刷新时滚动条位置保持不变 Controlling scrollbar position on postback
- 关于切换页面时自动滚动到有RecyclerView的位置的解决方法
- Vue2.0 给Tab标签页和页面切换过渡添加样式的方法
- vue-router同一路由地址同页面切换无效解决
- Bug记载2之Vue.JS路由定义的位置