一开始按照vue-router官方解决方案去解决,但发现根本不管用。发现每次切换拿到的$(document).scrollTop()、$(window).scrollTop()、$("container").scrollTop()等的值都是0。最后受该文章启发,在我的main组件加上:
updated() {
this.$parent.$el.scrollTop = 0;//表示获取router-view上一级的scrollTop
}
或者:
watch:{
'$route':function(to,from){
this.$parent.$el.scrollTop = 0
}
}
重启后立马见效,切换页面滚动条能自动置顶了。