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

来源:互联网 发布:windows屏幕水印 编辑:程序博客网 时间:2024/06/05 21:15
最近项目中遇到这样一个问题,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';            }        }    }