From 5bce4dfa6add8dabb3047a6419314c815de3a28d Mon Sep 17 00:00:00 2001
From: xiaoxian521 <1923740402@qq.com>
Date: Tue, 18 Oct 2022 19:16:17 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8D`horizontal`=E6=A8=A1?=
 =?UTF-8?q?=E5=BC=8F=E4=B8=8B`menu`=E5=9C=A8=E7=94=9F=E4=BA=A7=E7=8E=AF?=
 =?UTF-8?q?=E5=A2=83=E6=98=BE=E7=A4=BA=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/layout/components/sidebar/horizontal.vue | 6 +++++-
 src/layout/components/sidebar/mixNav.vue     | 6 +++++-
 2 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/src/layout/components/sidebar/horizontal.vue b/src/layout/components/sidebar/horizontal.vue
index c54dbcef5..2f8b69c29 100644
--- a/src/layout/components/sidebar/horizontal.vue
+++ b/src/layout/components/sidebar/horizontal.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
-import { ref, watch } from "vue";
 import Search from "../search/index.vue";
 import Notice from "../notice/index.vue";
+import { ref, watch, nextTick } from "vue";
 import SidebarItem from "./sidebarItem.vue";
 import avatars from "/@/assets/avatars.jpg";
 import { useNav } from "/@/layout/hooks/useNav";
@@ -26,6 +26,10 @@ const {
   getDropdownItemClass
 } = useNav();
 
+nextTick(() => {
+  menuRef.value?.handleResize();
+});
+
 watch(
   () => route.path,
   () => {
diff --git a/src/layout/components/sidebar/mixNav.vue b/src/layout/components/sidebar/mixNav.vue
index fcdfb178e..06520bdfe 100644
--- a/src/layout/components/sidebar/mixNav.vue
+++ b/src/layout/components/sidebar/mixNav.vue
@@ -4,7 +4,7 @@ import Notice from "../notice/index.vue";
 import avatars from "/@/assets/avatars.jpg";
 import { useNav } from "/@/layout/hooks/useNav";
 import { transformI18n } from "/@/plugins/i18n";
-import { ref, toRaw, watch, onMounted } from "vue";
+import { ref, toRaw, watch, onMounted, nextTick } from "vue";
 import { useRenderIcon } from "/@/components/ReIcon/src/hooks";
 import { getParentPaths, findRouteByPath } from "/@/router/utils";
 import { useTranslationLang } from "../../hooks/useTranslationLang";
@@ -43,6 +43,10 @@ onMounted(() => {
   getDefaultActive(route.path);
 });
 
+nextTick(() => {
+  menuRef.value?.handleResize();
+});
+
 watch(
   () => route.path,
   () => {