vue 切换页面/路由时保持滚动条在最顶部

共计 280 个字符，预计需要花费 1 分钟才能阅读完成。

我在做 PC 端 vue 项目的时候发现，切换页面滚动条的位置并没有改变，因为切换路由实际上并不是切换页面而且改变了页面中的组件，所以滚动条的位置不变，为了获得更好的体验，需要每切换一个新的页面（一个新的路由）时就让滚动条回到最顶部。
代码如下：
// App.vue
export default {
name: ‘App’,
components: {
MHeader,
MFooter
},
watch:{
‘$route’:function(to,from){
document.body.scrollTop = 0
document.documentElement.scrollTop = 0
}
}

}