From e4453841db56ec4226d1c2dadf8e6baf864fd6ce Mon Sep 17 00:00:00 2001
From: lmx <2538381255@qq.com>
Date: Mon, 16 Mar 2026 01:32:11 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8D=E5=9C=A8vue-router=20?=
 =?UTF-8?q?=E7=9A=84=E6=A8=A1=E5=BC=8Fhash=E5=A4=8D=E5=88=B6=E8=B7=AF?=
 =?UTF-8?q?=E5=BE=84=E4=B8=8D=E5=AF=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../menu-ui/src/components/menu-item.vue      | 85 ++++++++++---------
 1 file changed, 44 insertions(+), 41 deletions(-)

diff --git a/packages/@core/ui-kit/menu-ui/src/components/menu-item.vue b/packages/@core/ui-kit/menu-ui/src/components/menu-item.vue
index 0074250b1..5b72cea24 100644
--- a/packages/@core/ui-kit/menu-ui/src/components/menu-item.vue
+++ b/packages/@core/ui-kit/menu-ui/src/components/menu-item.vue
@@ -84,50 +84,53 @@ onBeforeUnmount(() => {
 });
 </script>
 <template>
-  <a
-    :href="
+  <router-link
+    v-slot="{ href }"
+    custom
+    :to="
       (item.parentPaths.at(-1) ?? '') +
       (item?.query ? `?${qs.stringify(item?.query)}` : '')
     "
-    @click.prevent.stop="handleClick"
   >
-    <li
-      :class="[
-        rootMenu.theme,
-        b(),
-        is('active', active),
-        is('disabled', disabled),
-        is('collapse-show-title', collapseShowTitle),
-      ]"
-      role="menuitem"
-    >
-      <!-- -->
-      <VbenTooltip
-        v-if="showTooltip"
-        :content-class="[rootMenu.theme]"
-        side="right"
+    <a :href="href" @click.prevent.stop="handleClick">
+      <li
+        :class="[
+          rootMenu.theme,
+          b(),
+          is('active', active),
+          is('disabled', disabled),
+          is('collapse-show-title', collapseShowTitle),
+        ]"
+        role="menuitem"
       >
-        <template #trigger>
-          <div :class="[nsMenu.be('tooltip', 'trigger')]">
-            <VbenIcon :class="nsMenu.e('icon')" :icon="menuIcon" fallback />
-            <slot></slot>
-            <span v-if="collapseShowTitle" :class="nsMenu.e('name')">
-              <slot name="title"></slot>
-            </span>
-          </div>
-        </template>
-        <slot name="title"></slot>
-      </VbenTooltip>
-      <div v-show="!showTooltip" :class="[e('content')]">
-        <MenuBadge
-          v-if="rootMenu.props.mode !== 'horizontal'"
-          class="right-2"
-          v-bind="props"
-        />
-        <VbenIcon :class="nsMenu.e('icon')" :icon="menuIcon" />
-        <slot></slot>
-        <slot name="title"></slot>
-      </div>
-    </li>
-  </a>
+        <!-- -->
+        <VbenTooltip
+          v-if="showTooltip"
+          :content-class="[rootMenu.theme]"
+          side="right"
+        >
+          <template #trigger>
+            <div :class="[nsMenu.be('tooltip', 'trigger')]">
+              <VbenIcon :class="nsMenu.e('icon')" :icon="menuIcon" fallback />
+              <slot></slot>
+              <span v-if="collapseShowTitle" :class="nsMenu.e('name')">
+                <slot name="title"></slot>
+              </span>
+            </div>
+          </template>
+          <slot name="title"></slot>
+        </VbenTooltip>
+        <div v-show="!showTooltip" :class="[e('content')]">
+          <MenuBadge
+            v-if="rootMenu.props.mode !== 'horizontal'"
+            class="right-2"
+            v-bind="props"
+          />
+          <VbenIcon :class="nsMenu.e('icon')" :icon="menuIcon" />
+          <slot></slot>
+          <slot name="title"></slot>
+        </div>
+      </li>
+    </a>
+  </router-link>
 </template>