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');

定位组件的时候可利用组件的ref属性操作，如：

this.$refs.qxrd_refresh.scrollTo(0,0);