Vue中使用el-menu高亮显示问题

https://blog.csdn.net/weixin_43336525/article/details/132541500

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42

<template>   <el-menu     :default-active="activeRouter"     router     :uniqueOpened="true"     :collapse="isCollapse"     background-color="#fff"     text-color="#333"     active-text-color="#FF8244"   >     <sidebar-item       v-for="item in routes"       :key="item.path"       :route="item"     ></sidebar-item>   </el-menu> </template>   <script setup> import SidebarItem from './SidebarItem' import { ref, computed, watch } from 'vue' import { useStore } from 'vuex' import { useRouter } from 'vue-router' import { filterRouters, generateMenus } from '@/utils/route' const activeRouter = ref('') const store = useStore() const router = useRouter()   const routes = computed(() => {   const filterRoutes = filterRouters(router.getRoutes())   return generateMenus(filterRoutes) })   const isCollapse = computed(() => !store.getters.sidebarOpened) watch(   () => router.currentRoute.value.path,   (newValue) => {     activeRouter.value = newValue   },   { immediate: true } ) </script>