From 9510639b494a416a2a1bc75988e7531c50153fb2 Mon Sep 17 00:00:00 2001
From: dingzhen <talkding@foxmail.com>
Date: Thu, 4 Jan 2024 22:59:02 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8D=E5=A4=84=E4=BA=8E?=
 =?UTF-8?q?=E9=A1=B6=E9=83=A8=E6=A8=A1=E5=BC=8F=E6=97=B6=20el-menu=20?=
 =?UTF-8?q?=E6=9C=AA=E8=87=AA=E9=80=82=E5=BA=94=E5=AE=BD=E5=BA=A6=E5=8E=BB?=
 =?UTF-8?q?=E6=8A=98=E5=8F=A0=E7=9A=84=E9=97=AE=E9=A2=98=20(#153)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-authored-by: pany <939630029@qq.com>
---
 src/layouts/components/Sidebar/SidebarItem.vue | 5 +----
 src/layouts/components/Sidebar/index.vue       | 4 ++--
 2 files changed, 3 insertions(+), 6 deletions(-)

diff --git a/src/layouts/components/Sidebar/SidebarItem.vue b/src/layouts/components/Sidebar/SidebarItem.vue
index 938f3fc..5f829e4 100644
--- a/src/layouts/components/Sidebar/SidebarItem.vue
+++ b/src/layouts/components/Sidebar/SidebarItem.vue
@@ -60,10 +60,7 @@ const resolvePath = (routePath: string) => {
 </script>
 
 <template>
-  <div
-    v-if="!props.item.meta?.hidden"
-    :class="{ 'simple-mode': props.isCollapse && !isTop, 'first-level': props.isFirstLevel }"
-  >
+  <div :class="{ 'simple-mode': props.isCollapse && !isTop, 'first-level': props.isFirstLevel }">
     <template v-if="!alwaysShowRootMenu && theOnlyOneChild && !theOnlyOneChild.children">
       <SidebarItemLink v-if="theOnlyOneChild.meta" :to="resolvePath(theOnlyOneChild.path)">
         <el-menu-item :index="resolvePath(theOnlyOneChild.path)">
diff --git a/src/layouts/components/Sidebar/index.vue b/src/layouts/components/Sidebar/index.vue
index fc6a4d4..8f3f1ac 100644
--- a/src/layouts/components/Sidebar/index.vue
+++ b/src/layouts/components/Sidebar/index.vue
@@ -29,7 +29,7 @@ const activeMenu = computed(() => {
   } = route
   return activeMenu ? activeMenu : path
 })
-
+const noHiddenRoutes = computed(() => permissionStore.routes.filter((item) => !item.meta?.hidden))
 const isCollapse = computed(() => !sidebar.value.opened)
 const isLeft = computed(() => layoutMode.value === "left")
 const isTop = computed(() => layoutMode.value === "top")
@@ -68,7 +68,7 @@ const hiddenScrollbarVerticalBar = computed(() => {
         :mode="isTop && !isMobile ? 'horizontal' : 'vertical'"
       >
         <SidebarItem
-          v-for="route in permissionStore.routes"
+          v-for="route in noHiddenRoutes"
           :key="route.path"
           :item="route"
           :base-path="route.path"