element-ui el-menu 折叠时 子菜单弹框点两次才会隐藏

Question

下附代码

    <el-menu
    class="el-menu-vertical"
    mode="vertical"
    menu-trigger="click"
    :router="true"
    :unique-opened="true"
    :default-active="$route.path"
    :collapse="sidebar.opened">
      <el-submenu index="299">
        <template slot="title">
          <i class="el-icon-edit-outline"></i>
          <span>xxaa</span>
        </template>
        <el-menu-item index="/page1">edit</el-menu-item>
        <el-menu-item index="/page2">选项2</el-menu-item>
      </el-submenu>
      <el-submenu :index="index + ''" v-for="(item, index) in routes" v-bind:key="index">
        <template slot="title">
          <i :class="item.ico"></i>
          <span>{{item.title}}</span>
        </template>
        <el-menu-item
            v-for="(i, ind) in item.children"
            v-bind:key="ind"
            :index="i.path">{{i.title}}
        </el-menu-item>
      </el-submenu>
    </el-menu>

---

当设备为移动设备时会出现这样的情况，其它情况正常

Answer 1

这个问题解决了吗？