From 7371ab76112b50f4675dc1f80683ab898eccfe3d Mon Sep 17 00:00:00 2001
From: lizc <lizhch@zs-superai.com>
Date: Tue, 17 Oct 2023 16:24:49 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8Dv-model=E4=BD=BF?=
 =?UTF-8?q?=E7=94=A8=E4=B8=8D=E8=A7=84=E8=8C=83?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 web/src/layout/components/Header/index.vue | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/web/src/layout/components/Header/index.vue b/web/src/layout/components/Header/index.vue
index 88acd19..b70cb07 100644
--- a/web/src/layout/components/Header/index.vue
+++ b/web/src/layout/components/Header/index.vue
@@ -10,7 +10,7 @@
         <h2 v-show="!collapsed" class="title">HotGo</h2>
       </div>
       <AsideMenu
-        v-model:collapsed="collapsed"
+        @update:collapsed="updateMenu"
         v-model:location="getMenuLocation"
         :inverted="getInverted"
         mode="horizontal"
@@ -216,7 +216,7 @@
         type: Boolean,
       },
     },
-    setup(props) {
+    setup(props, { emit }) {
       const userStore = useUserStore();
       const notificationStore = notificationStoreWidthOut();
       const useLockscreen = useLockscreenStore();
@@ -473,6 +473,10 @@
         { immediate: true, deep: true }
       );
 
+      const updateMenu = () => {
+        emit('update:collapsed', !props.collapsed);
+      };
+
       onMounted(() => {
         if (notificationStore.getUnreadCount() === 0) {
           notificationStore.pullMessages();
@@ -500,6 +504,7 @@
         notificationStore,
         getIsMobile,
         userStore,
+        updateMenu,
       };
     },
   });