Vue切换路由页面返回顶部

mmp，网上找了一些，百般测试，一开始试都不行，不知道后面为毛都可以了

第一种

在main.js里添加

// 跳转后返回顶部
router.afterEach((to,from,next) => {
  window.scrollTo(0,0);
})

第二种

或者下面这个跟上面差不多

router.beforeEach(function(to, from, next) {
	window.scrollTo(0, 0)
	next()
})
})

第三种

在配置路由的index.js里添加

这个前进会回到顶部，后退就不动了...

这个更人性化一点吧...

////////放着里面

export default new Router({

scrollBehavior (to, from, savedPosition) {
 if (savedPosition) {
  return savedPosition
 } else {
  return { x: 0, y: 0 }
 }
}

})