From fdfbafea0a3a1c4b32f9de8407260d8465775dee Mon Sep 17 00:00:00 2001
From: Hooray <304327508@qq.com>
Date: Mon, 22 Sep 2025 16:36:08 +0800
Subject: [PATCH] =?UTF-8?q?=E4=B8=BB=E5=AF=BC=E8=88=AA=E5=88=87=E6=8D=A2?=
 =?UTF-8?q?=E6=BC=94=E7=A4=BA=E7=A4=BA=E4=BE=8B=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/feature_example/menuswitch.vue | 13 ++++++++++---
 1 file changed, 10 insertions(+), 3 deletions(-)

diff --git a/src/views/feature_example/menuswitch.vue b/src/views/feature_example/menuswitch.vue
index a6889b2b..394d8591 100755
--- a/src/views/feature_example/menuswitch.vue
+++ b/src/views/feature_example/menuswitch.vue
@@ -1,7 +1,7 @@
 <route lang="yaml">
 meta:
   enabled: false
-  </route>
+</route>
 
 <script setup lang="ts">
 const settingsStore = useSettingsStore()
@@ -9,7 +9,11 @@ const menuStore = useMenuStore()
 
 const menu = useMenu()
 
-function switchTo() {
+function switchToPrev() {
+  menu.switchTo(menuStore.actived - 1 >= 0 ? menuStore.actived - 1 : menuStore.allMenus.length - 1)
+}
+
+function switchToNext() {
   menu.switchTo(menuStore.actived + 1 < menuStore.allMenus.length ? menuStore.actived + 1 : 0)
 }
 </script>
@@ -19,7 +23,10 @@ function switchTo() {
     <FaPageHeader title="主导航切换" description="可切换并激活指定的主导航" />
     <FaPageMain>
       <p>该特性只有在导航模式为 side 和 head 时生效。</p>
-      <ElButton :disabled="!['side', 'head'].includes(settingsStore.settings.menu.mode)" @click="switchTo">
+      <ElButton :disabled="!['side', 'head'].includes(settingsStore.settings.menu.mode)" @click="switchToPrev">
+        切换上一个
+      </ElButton>
+      <ElButton :disabled="!['side', 'head'].includes(settingsStore.settings.menu.mode)" @click="switchToNext">
         切换下一个
       </ElButton>
     </FaPageMain>