二级菜单、三级菜单选中样式bug修复

src/layout/components/Sidebar/SidebarItem.vue

@@ -36,6 +36,7 @@
       ref="subMenu"
       :index="resolvePath(item.path)"
       teleported
+      :default-active="activeMenu"
     >
       <template v-if="item.meta" #title>
         <svg-icon :icon-class="item.meta && item.meta.icon" />
@@ -60,6 +61,7 @@
 import { isExternal } from '@/utils/validate'
 import AppLink from './Link'
 import { getNormalPath } from '@/utils/ruoyi'
+import {useRoute} from "vue-router";
 
 const props = defineProps({
   // route object
@@ -129,4 +131,23 @@ function hasTitle(title) {
     return ''
   }
 }
+const route = useRoute()
+const activeMenu = computed(() => {
+  const { meta, path } = route
+  if (meta.activeMenu) {
+    return meta.activeMenu
+  }
+  return path
+})
 </script>
+
+<style lang="scss" scoped>
+.el-menu-item {
+  color: v-bind(getMenuTextColor);
+
+  &.is-active {
+    color: var(--menu-active-text, #409eff) !important;
+    background-color: #f4f4f9 !important;
+  }
+}
+</style>