vue中使用vue-router切换页面时滚动条自动滚动到顶部的方法

网上查了一下，很多网友说可以试试在main.js入口文件配合vue-router写下面这个：

router.afterEach((to,from,next) => {

  window.scrollTo(0,0);

});

或者：

//路由跳转后，页面回到顶部

router.afterEach(()=>{

document.body.scrollTop =0;

document.documentElement.scrollTop =0;

})

再另一种方法：

exportdefaultnewRouter({

mode:'hash',

// base: '/dist/',

scrollBehavior:()=>({y:0}),//路由跳转后页面回到顶部

  routes: []

})

可点击参考原作者文章