路由监听切换菜单上传

src/permission.js

@@ -8,6 +8,7 @@ import { isRelogin } from '@/utils/request'
 import useUserStore from '@/store/modules/user'
 import useSettingsStore from '@/store/modules/settings'
 import usePermissionStore from '@/store/modules/permission'
+import useAppStore from '@/store/modules/app'
 
 NProgress.configure({ showSpinner: false })
 
@@ -20,6 +21,8 @@ const isWhiteList = (path) => {
 let isGeneratingRoutes = false
 
 router.beforeEach((to, from, next) => {
+  changeMenu(to)
+
   NProgress.start()
   if (getToken()) {
     to.meta.title && useSettingsStore().setTitle(to.meta.title)
@@ -30,7 +33,7 @@ router.beforeEach((to, from, next) => {
     } else if (isWhiteList(to.path)) {
       next()
     } else {
-        // 防止重复生成路由
+      // 防止重复生成路由
       if (isGeneratingRoutes) {
         next()
         return
@@ -76,6 +79,23 @@ router.beforeEach((to, from, next) => {
   }
 })
 
+// 监听路由变化更换菜单
+const changeMenu = (to) => {
+  const { path } = to;
+  const navList = JSON.parse(sessionStorage.getItem('navList')) || [];
+  if (navList.length === 0) return;
+  const menuObj = navList.find((item) => {
+    const itemPath = item.submenu.length > 0 ? `/${path.split('/').filter(Boolean)[0]}` : path;
+    return itemPath === item.url;
+  });
+
+  if (!menuObj || menuObj.type === '1') {
+    useAppStore().setNavStatus({ type: 'manage' });
+  } else if (menuObj.type === '2') {
+    useAppStore().setNavStatus({ type: 'project' });
+  }
+}
+
 router.afterEach(() => {
   NProgress.done()
 })