使用前端路由跳转时,想让页面继续保持原来的位置。可以使用vue-router提供的scrollBehavior。
export default new Router({
mode: 'history',
// savedPosition 用来记录导航的位置(点击浏览器的回退、前进才会有)
scrollBehavior: (to, from, savedPosition) => {
if (savedPosition) {
return savedPosition
} else {
// 返回顶部
return { x: 0, y: 0 }
}
},
routes: constantRouterMap
})