正文

vue-router 页面切换后保持在页面顶部而不是保持原先的滚动位置的办法

IP云
IP云V管理员/0 阅读
09/24
小程序：扫一扫查出行
【扫一扫了解最新限行尾号】
复制小程序

vue-router有提供一个方法scrollBehavior，它可以使切换到新路由时，想要页面滚到顶部，或者是保持原先的滚动位置，就像重新加载页面那样。

这个功能只在 HTML5 history 模式下可用。

const router = new VueRouter({
routes: [...],
scrollBehavior (to, from, savedPosition) {
// return 期望滚动到哪个的位置
}
})

{ x: number, y: number }
{ selector: string }

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

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