vue 路由切换，页面定位到顶部

在做vue路由切换的时候，发现一个页面切换到另一个页面的时候，

路由可以切换，但是页面和之前页面位置相同

想实现切换后，页面定位到顶部；

 

方法：

在main.js中

```

Vue.config.productionTip = false;
router.beforeEach((to, from, next) => {
    // chrome
    document.body.scrollTop = 0
    // firefox
    document.documentElement.scrollTop = 0
    // safari
    window.pageYOffset = 0
    next()
});
new Vue({
    router,
    store,
    render: h => h(App)
}).$mount('#app');
就可以实现了！！！