Vue项目: 出现了一个bug,某页面拉动滚动条后,再切换到新的页面,滚动条不在顶部。
期望: 每次切换新页面后,如果出现滚动条,期望在顶部。
解决办法 :
切换页面(即切换路由)的时候,将scrollTop 置为0;
代码 :App.vue中监测路由变化。
watch: {
$route: function(to, from) {
document.body.scrollTop = 0;
document.documentElement.scrollTop = 0;
}
}
【备忘-官网项目】