问题现象:
页面跳转完成后,新的页面在之前页面的显示的位置。
const router = createRouter({
history: createWebHashHistory(''),
routes: constantRouter,
strict: true,
// 添加这一段解决问题
scrollBehavior(to, from, savedPosition) {
// 如果 `savedPosition` 存在,则表示这是通过浏览器的前进/后退按钮导航,此时返回保存的位置
console.log(savedPosition)
if (savedPosition) {
return savedPosition
} else {
// 否则返回顶部
return { top: 0 }
}
}
})