From 440dbf8aac56b360e0636cce6fdf172aa647a47a Mon Sep 17 00:00:00 2001
From: w <weishuwei126@126.com>
Date: Sun, 31 Mar 2024 00:09:49 +0800
Subject: [PATCH] improve menuitem route by vue3.4'defineModel

---
 src/layouts/components/MenuContent.vue | 10 ++++++++--
 src/layouts/components/SideNav.vue     |  2 +-
 2 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/src/layouts/components/MenuContent.vue b/src/layouts/components/MenuContent.vue
index 9d3c27c..a3aaa9e 100644
--- a/src/layouts/components/MenuContent.vue
+++ b/src/layouts/components/MenuContent.vue
@@ -8,7 +8,7 @@
           </template>
           {{ renderMenuTitle(item.title) }}
         </t-menu-item>
-        <t-menu-item v-else :name="item.path" :value="getPath(item)" :to="item.path">
+        <t-menu-item v-else :name="item.path" :value="getPath(item)" :to="item.path" @click="doMenuItemClick(item)">
           <template #icon>
             <component :is="menuIcon(item)" class="t-icon"></component>
           </template>
@@ -41,7 +41,8 @@ const props = defineProps({
   },
 });
 
-const active = computed(() => getActive());
+const active = defineModel<string>({ default: '' });
+//const active = computed(() => getActive());
 
 const { locale } = useLocale();
 const list = computed(() => {
@@ -106,6 +107,11 @@ const getPath = (item: ListItemType) => {
   return item.meta?.single ? item.redirect : item.path;
 };
 
+const doMenuItemClick = (item: ListItemType) => {
+  //window.open(url);
+  active.value= item.path;
+};
+
 const openHref = (url: string) => {
   window.open(url);
 };
diff --git a/src/layouts/components/SideNav.vue b/src/layouts/components/SideNav.vue
index fadfa69..3ed2eca 100644
--- a/src/layouts/components/SideNav.vue
+++ b/src/layouts/components/SideNav.vue
@@ -6,7 +6,7 @@
           <component :is="getLogo()" :class="logoCls" />
         </span>
       </template>
-      <menu-content :nav-data="menu" />
+      <menu-content :nav-data="menu" v-model:active="active"/>
       <template #operations>
         <span :class="versionCls"> {{ !collapsed ? 'TDesign Starter' : '' }} {{ pgk.version }} </span>
       </template>