vue element-ui中选择子菜单时父菜单高亮

在Vue中使用Element UI时，可以通过监听子菜单的选择事件来实现父菜单的高亮。以下是一个简单的示例：

<template>
  <el-menu :default-active="activeMenu" mode="horizontal">
    <el-submenu index="1">
      <template slot="title">导航一</template>
      <el-menu-item index="1-1" @click="activeMenu = '1-1'">选项1</el-menu-item>
      <el-menu-item index="1-2" @click="activeMenu = '1-2'">选项2</el-menu-item>
    </el-submenu>
  </el-menu>
</template>
 
<script>
export default {
  data() {
    return {
      activeMenu: '1-1', // 默认激活的菜单项
    };
  }
};
</script>

在这个例子中，el-menu 的 default-active 属性绑定了当前激活菜单项的 index。el-menu-item 的 @click 事件监听器更新了 activeMenu 的值，从而实现了父菜单（这里是 el-submenu）的高亮。

确保你已经正确安装并导入了Element UI，并且在Vue实例中正确使用了Element UI的组件。