您的位置:首页 > 产品设计 > UI/UE

vue2.0路由切换后页面滚动位置不变BUG

2017-08-26 12:17 866 查看
最近项目中遇到这样一个问题,vue切换路由,页面到顶端的滚动距离仍会保持不变。

<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';
}
}
}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐