Gugongyu/vue-tickets
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

增加侧边栏持久化记忆

Browse Source
This commit is contained in:
GiveMePast
2026-08-05 13:53:32 +08:00
parent 826d140717
commit 97c7efb81f
1 changed files with 4 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/layouts/MainLayout.vue
View File

@@ -82,10 +82,12 @@ const router = useRouter();
const route = useRoute(); const route = useRoute();
const user = reactive({ name: "..." }); const user = reactive({ name: "..." });
// 侧边栏折叠状态 // 侧边栏折叠状态（持久化到 localStorage，刷新后保持）
const sidebarCollapsed = ref(false); const SIDEBAR_STORAGE_KEY = "sidebar_collapsed";
const sidebarCollapsed = ref(localStorage.getItem(SIDEBAR_STORAGE_KEY) === "1");
const toggleSidebar = () => { const toggleSidebar = () => {
sidebarCollapsed.value = !sidebarCollapsed.value; sidebarCollapsed.value = !sidebarCollapsed.value;
localStorage.setItem(SIDEBAR_STORAGE_KEY, sidebarCollapsed.value ? "1" : "0");
}; };
onMounted(() => { onMounted(() => {