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 }
 }
}

})

评论

时隔变迁,评论已自动关闭