处理多级选中菜单问题

package.json

@@ -32,7 +32,7 @@
     "nprogress": "0.2.0",
     "pinia": "^2.1.7",
     "splitpanes": "3.1.5",
-    "vue": "3.4.31",
+    "vue": "^3.5.11",
     "vue-cropper": "1.1.1",
     "vue-router": "4.4.0",
     "vuedraggable": "4.1.0"

src/layout/components/Sidebar/index.vue

@@ -1,8 +1,5 @@
 <template>
-  <div
+  <div :class="{ 'has-logo': showLogo }" class="sidebar-container">
-    :class="{ 'has-logo': showLogo }"
-    class="sidebar-container"
-  >
     <!-- <logo v-if="showLogo" :collapse="isCollapse" /> -->
     <div class="sever-TITLE">太仓市网络和数据资产采集管理系统</div>
     <el-scrollbar wrap-class="scrollbar-wrapper">
@@ -34,7 +31,7 @@ import SidebarItem from "./SidebarItem";
 import variables from "@/assets/styles/variables.module.scss";
 import useAppStore from "@/store/modules/app";
 import useSettingsStore from "@/store/modules/settings";
-import  usePermissionStore  from "@/store/modules/permission";
+import usePermissionStore from "@/store/modules/permission";
 
 const route = useRoute();
 const appStore = useAppStore();
@@ -68,7 +65,12 @@ const getMenuTextColor = computed(() => {
 });
 
 const activeMenu = computed(() => {
+  const parentName = route.query.parentName;
+
   const { meta, path } = route;
+  if (parentName) {
+    return parentName;
+  }
   if (meta.activeMenu) {
     return meta.activeMenu;
   }

src/store/modules/permission.js

@@ -67,9 +67,9 @@ function filterAsyncRouter(asyncRouterMap, lastRouter = false, type = false) {
     if (type && route.children) {
       route.children = filterChildren(route.children);
     }
-    if (extractPrefix(route.path)) {
+    // if (extractPrefix(route.path)) {
-      route.meta.activeMenu = extractPrefix(route.path);
+    //   route.meta.activeMenu = extractPrefix(route.path);
-    }
+    // }
     if (route.component) {
       // Layout ParentView 组件特殊处理
       if (route.component === "Layout") {

src/views/test/info/index.vue

@@ -0,0 +1,19 @@
+<template>
+  <div>
+    11111
+  </div>
+</template>
+
+<script setup>
+  import { onBeforeMount  } from "vue";
+import { useRouter ,useRoute } from "vue-router";
+  const route = useRoute()
+
+ 
+</script>
+
+<style  scoped>
+div{
+    color: black;
+}
+</style>

src/views/test/test1/index.vue

@@ -0,0 +1,16 @@
+<template>
+     <div>
+    <button @click="getinfo">编辑</button>
+     </div>
+    </template>
+    
+    <script setup>
+    
+    import { useRouter ,useRoute } from "vue-router";
+    const router = useRouter();
+
+    const getinfo = () => {
+
+     router.push({ path: "/test/info",query:{parentName:"/test/test1"} });
+    };
+    </script>