From cb1da2faf65ef84254d05ecb3c8ab8d589a36fa1 Mon Sep 17 00:00:00 2001
From: riverflow <3011499946@qq.com>
Date: Sun, 10 Aug 2025 18:49:53 +0800
Subject: [PATCH] =?UTF-8?q?=E5=9C=A8layout.Menu.vue=E6=96=87=E4=BB=B6?=
 =?UTF-8?q?=E4=B8=AD=EF=BC=8C=E4=B8=BAmenu=E6=B7=BB=E5=8A=A0=E6=94=B6?=
 =?UTF-8?q?=E7=BC=A9=E5=B1=9E=E6=80=A7collapse=20=E5=B1=9E=E6=80=A7?=
 =?UTF-8?q?=E5=80=BC=E9=9C=80=E8=A6=81=E9=80=9A=E8=BF=87store.collapse?=
 =?UTF-8?q?=E8=8E=B7=E5=8F=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

引入store.collapse，通过getCollapse获取状态属性值（true/false)
传递给collapse实现菜单的收缩
---
 order-system/src/layout/Menu.vue | 14 +++++++++++++-
 1 file changed, 13 insertions(+), 1 deletion(-)

diff --git a/order-system/src/layout/Menu.vue b/order-system/src/layout/Menu.vue
index a58132f..bb3dd38 100644
--- a/order-system/src/layout/Menu.vue
+++ b/order-system/src/layout/Menu.vue
@@ -7,7 +7,7 @@
   <!-- 通过当前路由获取路径返回给defalut-active,将默认事件绑定在当前路由路径上 -->
   <el-menu 
     router background-color="#00c6bf"
-    
+    :collapse="collapse"
     :default-active="activeIndex" 
     class="el-menu-vertical-demo"> 
 
@@ -98,6 +98,18 @@
     const { path } = route
     return path
   })
+
+  // 获取store中useCollapseStore传递给collapse属性控制菜单伸缩
+  import { useCollapseStore } from '@/store/collapse'
+
+  // 获取store
+  const store = useCollapseStore()
+
+  // 获取菜单状态
+  const collapse = computed(()=>{
+    return store.getcollapse
+  })
+
 </script>
 
 <style scoped lang="scss">