点击侧边导航的子菜单展开，其他子菜单也会全部展开，如何才能实现当点击它时才展开一个呢？

Question

就是在点击参数设置这个时，下面的第二级第三级的菜单都会全部展开，我自己找了知道是:index 的问题，但是我那个index里面是路径，如果我换成编号的话，就不会出现这个问题。但是问题来了这样的话:index 里面是编号了，没有路由，那路由就没法跳转到路由文件。
所以非常矛盾，百思不得其解，还请大佬指点迷津

接口返回数据

<!--      侧边栏区域-->
      <el-aside width="250px" class="aside">
        <el-menu
          :default-active="this.$route.path"
          class="el-menu-demo highActive"
          mode="vertical"
          @select="handleSelect"
          background-color="#1E8B38"
          style="border-top: none"
          text-color="#ffffff"
          active-text-color="#ffffff"
          router
        >
          <!-- 第一层 -->
          <template v-for="(item,index) in menuData[active].childMenu">
            <!-- 如果第一层有子菜单，则继续循环 -->
            <template v-if="item.childMenu">
              <el-submenu :index="item.sysMenuVueUrl" :key="item.sysMenuCode">
                <template slot="title">
                  <span slot="title">{{ item.sysMenuName }}</span>
                </template>
————————省略——————————
            <!-- 如果第一层没有子菜单 -->
            <template v-else>
              <el-menu-item :index="item.sysMenuVueUrl" :key="item.sysMenuCode">
                <span slot="title">{{ item.sysMenuName }}</span>
              </el-menu-item>
            </template>
          </template>
        </el-menu>
      </el-aside>

Answer 1

将el-menu的unique-opened设置为true
官方文档