Skip to content

fix(前端): 修复侧边栏收起状态刷新后失效#1703

Open
lanrenwo wants to merge 1 commit intoWei-Shaw:mainfrom
lanrenwo:fix/sidebar-collapse-persist
Open

fix(前端): 修复侧边栏收起状态刷新后失效#1703
lanrenwo wants to merge 1 commit intoWei-Shaw:mainfrom
lanrenwo:fix/sidebar-collapse-persist

Conversation

@lanrenwo
Copy link
Copy Markdown

@lanrenwo lanrenwo commented Apr 16, 2026

问题描述

侧边栏收起后刷新页面,状态会重置为展开,用户体验不佳。

根本原因

stores/app.tssidebarCollapsed 仅保存在内存(Pinia store),页面刷新后状态丢失。

修复方案

将侧边栏折叠状态持久化到 localStorage

  • 初始化时从 localStorage 读取上次状态
  • toggleSidebar() / setSidebarCollapsed() 变更时同步写入 localStorage
  • reset() 时同步清除 localStorage,保证状态一致

测试

  • 收起侧边栏 → 刷新页面 → 侧边栏保持收起状态
  • 展开侧边栏 → 刷新页面 → 侧边栏保持展开状态
  • 现有单元测试通过(beforeEach 已清理 localStorage,不受影响)

将侧边栏折叠状态持久化到 localStorage,页面刷新后自动恢复上次的收起/展开状态。
同时修复 reset() 函数未清除 localStorage 的遗漏。

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant