官方文档的路由滚动行为
使用前端路由,当切换到新路由时,想要页面滚到顶部,或者是保持原先的滚动位置,就像重新加载页面那样。
以下全部在vuerouter的实例里面写
自动滚动到最顶部
scrollBehavior (to, from, scrollBehavior) {
return { x: 0, y: 0 }
}
自定义设置位置
scrollBehavior (to, from, scrollBehavior) {
return { x: 0, y: 100 }
}
滚动到当前页面的位置
即当你上一个页面滚动到哪,这个打开的页面就滚动到哪
scrollBehavior (to, from, savedPosition) {
if (savedPosition) {
return savedPosition
} else {
return { x: 0, y: 0 }
}
}