el-menu 有多级的情况怎么设置每一级都能选择 现在只能选择最后一级

`el-menu` 是 Element UI 中的一个组件，用于构建导航菜单。如果你想要实现一个多级菜单，使得每个级别的选项都可以被选中，并非仅限于最后一级，你可以按照以下步骤配置：

1. **结构**：首先，你需要在 `el-menu` 组件中嵌套多个 `el-submenu` 或直接添加 `el-item`（如果是最后一级）。例如：

<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-submenu index="1-2">
      <template slot="title">二级菜单 2</template>
      <el-menu-item index="1-2-1">三级菜单 1</el-menu-item>
      <el-menu-item index="1-2-2">三级菜单 2</el-menu-item>
    </el-submenu>
  </el-submenu>
  <!-- 其他一级菜单项 -->
</el-menu>

2. **激活状态**：通过设置 `default-active` 属性，指定默认展开的菜单层级。上面的例子中，`default-active="1-2"` 表示一级菜单下的第二个子菜单会预选中。

3. **点击事件**：如果需要允许用户选择每一级菜单，你可以监听 `@select` 事件，这个事件会在用户选择任何一个子菜单时触发。例如：

<template>
  <el-menu @select="handleSelect" />
</template>

<script>
export default {
  methods: {
    handleSelect(item) {
      console.log(`选中了 ${item.index}`); // 输出所选菜单的路径
    }
  }
};
</script>