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');
就可以實現了！！！