fix(Menu): 左侧菜单混合模式在动态更改路由时，左侧显示的菜单没有实时更新

zuihou
1 parent 52253454
Showing 1 changed file with 14 additions and 1 deletions
src/layouts/default/sider/MixSider.vue
@@ -80,13 +80,14 @@
 <script lang="ts">
   import type { Menu } from '/@/router/types';
   import type { CSSProperties } from 'vue';
-  import { computed, defineComponent, onMounted, ref, unref } from 'vue';
+  import { computed, defineComponent, onMounted, ref, unref, watch } from 'vue';
   import type { RouteLocationNormalized } from 'vue-router';
   import { ScrollContainer } from '/@/components/Container';
   import { SimpleMenu, SimpleMenuTag } from '/@/components/SimpleMenu';
   import { Icon } from '/@/components/Icon';
   import { AppLogo } from '/@/components/Application';
   import { useMenuSetting } from '/@/hooks/setting/useMenuSetting';
+  import { usePermissionStore } from '/@/store/modules/permission';
   import { useDragLine } from './useLayoutSider';
   import { useGlobSetting } from '/@/hooks/setting';
   import { useDesign } from '/@/hooks/web/useDesign';
@@ -138,6 +139,7 @@
       } = useMenuSetting();
  
       const { title } = useGlobSetting();
+      const permissionStore = usePermissionStore();
  
       useDragLine(sideRef, dragBarRef, true);
  
@@ -191,6 +193,17 @@
         menuModules.value = await getShallowMenus();
       });
  
+      // Menu changes
+      watch(
+        [() => permissionStore.getLastBuildMenuTime, () => permissionStore.getBackMenuList],
+        async () => {
+          menuModules.value = await getShallowMenus();
+        },
+        {
+          immediate: true,
+        },
+      );
+
       listenerRouteChange((route) => {
         currentRoute.value = route;
         setActive(true);