新增 scrollBehavior 配置项, 实现页面切换时自动将滚动条重置到顶部, 提升用户体验, 确保每次路由跳转后页面从顶部开始显示
@@ -83,7 +83,11 @@ const routes = [
const router = createRouter({
history: createWebHistory(import.meta.env.BASE_URL),
- routes
+ routes,
+ // 添加scrollBehavior配置项,实现页面切换时滚轴置顶
+ scrollBehavior() {
+ return { top: 0 }
+ }
})
// 全局路由守卫
router.beforeEach((to, from, next) => {