element-plus Menu的sub-menu这个高亮问题

element-plus Menu的sub-menu这个高亮问题，并不是key值的问题，点击一个，俩都亮。

我其实有一个想法就是如果router，itemSon.path相等的话高亮，不过想先解决这个问题

img

遇到的现象和发生背景，请写出第一个错误信息
<el-sub-menu :index="item.path" v-for="item in hasChildren" v-key="item.label">
  <template #title>
    <component class="icons" :is="item.icon">component>
    <span>{{ item.label }}span>
  template>
  <el-menu-item-group v-for="itemSon in item.children" v-key="itemSon.path">
    <el-menu-item :index="item.path">
      <component class="icons" :is="itemSon.icon">component>
      {{ itemSon.label }}
    el-menu-item>
  el-menu-item-group>

 下为数据
  {
    label: "其他",
    icon: "More",
    children: [
      {
        path: "/page1",
        name: "page1",
        label: "页面一",
        icon: "setting",
        url: "Other/pageOne",
      },
      {
        path: "/page2",
        name: "page2",
        label: "页面二",
        icon: "setting",
        url: "Other/pageTwo",
      },
    ],
  }

回答不易，求求您采纳哦,感激不尽

在配置sub-menu的时候，可以使用router.match识别，来匹配当前路径是否在sub-menu下，如果匹配，sub-menu就可以设置为高亮了。此外，还可以设置相应的触发行为，以避免一次性点击多个子菜单的情况出现。

img


itemSon吧