el-menu选择选项二选项一折叠

在Element UI库中，`el-menu`是一个用于创建导航菜单的组件，它支持多种功能，包括选项的折叠与展开。当你提到"选择选项二，然后选项一折叠"，这通常是指在`el-menu`的动态路由配置中，首先选中某个子菜单（选项二），然后点击该子菜单下的某个菜单项（选项一）时，会触发它的折叠状态，即隐藏其下级的子菜单。

`el-menu`的选项通常设置`index`属性来标识位置，你可以通过绑定`activeIndex`或`defaultActiveIndex`来控制默认展开的选项。如果你希望实现这种操作逻辑，可以在点击事件处理函数中更改`activeIndex`的值，并通过`menu-item`组件的`open-strictly`属性来强制关闭其他已展开的子菜单。

下面是一个简单的例子：

<template>
  <el-menu
    :default-active="defaultActive"
    @select="handleSelect"
    open-strictly
  >
    <el-submenu index="1">
      <template slot="title">一级菜单</template>
      <el-menu-item index="1-1">选项一</el-menu-item>
      <el-menu-item index="1-2">选项二</el-menu-item>
    </el-submenu>
  </el-menu>
</template>

<script>
export default {
  data() {
    return {
      defaultActive: '1-2', // 默认展开选项二
    };
  },
  methods: {
    handleSelect(index) {
      if (index === '1-1') { // 如果选中的是选项一
        this.defaultActive = '1'; // 则折叠选项一所在的子菜单
      } else {
        this.defaultActive = index; // 否则保持当前选项展开
      }
    },
  },
};
</script>