el-menu 子节点怎么默认高亮

`el-menu` 是 Element UI 中的一个组件，用于创建导航菜单。如果你想要设置一个子节点作为默认高亮状态，可以在 `el-menu-item` 的 `index` 属性上设置你需要高亮的项的索引值。`index` 是每个菜单项对应的唯一标识。

例如，假设你有一个三级菜单结构，你可以这样做：

<el-menu default-active="1-2" class="el-menu-demo">
  <el-submenu index="1">
    <template slot="title">一级菜单</template>
    <el-menu-item index="1-1">二级菜单项1</el-menu-item>
    <el-menu-item index="1-2" :default-active="true">二级菜单项2（默认高亮）</el-menu-item>
    <!-- 其他子菜单项... -->
  </el-submenu>
  <!-- 其他一级菜单项... -->
</el-menu>

在这个例子中，`1-2` 表示一级菜单下的第二个子菜单项会被默认高亮显示。如果子菜单有更深的层级，你可以继续使用这种形式表示索引，如 `1-2-3` 等。

相关问题

el-sub-menu下级嵌套el-sub-menu高亮问题

在使用Element UI框架开发时，`el-sub-menu`是其中的一个组件，它用于创建下拉菜单中的子菜单项。有时候，我们可能会遇到下级嵌套`el-sub-menu`时高亮不正确的问题。这个问题通常是因为Element UI默认情况下只能保证当前激活的菜单项高亮，而不包括嵌套层级中的其他`el-sub-menu`。

要解决这个问题，你可以采取以下措施：

1. 确保每一级的`el-sub-menu`都有一个唯一的`index`属性，这样Element UI可以追踪当前激活的路径。
2. 如果你使用的是`el-menu`的`unique-opened`属性，确保嵌套的`el-sub-menu`也遵循这个规则。`unique-opened`属性默认只展开一个子菜单，如果要展开多级子菜单，需要确保正确处理这个属性或通过其他方式实现。
3. 如果你有自定义的逻辑来处理菜单的激活状态，确保更新所有相关的`el-sub-menu`使其高亮。

为了确保下级嵌套的`el-sub-menu`也能正确高亮，你可能需要编写一些额外的JavaScript代码来监听菜单项的点击事件，并相应地更新菜单的激活状态。

el-menu-item 点击后会切换高亮状态

是的，el-menu-item 点击后会切换高亮状态。默认情况下，点击 el-menu-item 后会自动添加一个名为 "is-active" 的 class，可以通过设置 active-name 或 active 切换高亮状态的 class 名称。例如，设置 active-name="my-active" 后，点击 el-menu-item 后会自动添加一个名为 "my-active" 的 class。