问答

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

作者:admin 2021-06-12 我要评论

下附代码 el-menu class="el-menu-vertical" mode="vertical" menu-trigger="click" :router="true" :unique-opened="true" :default-active="$route.path" :col...

在说正事之前,我要推荐一个福利:你还在原价购买阿里云、腾讯云、华为云服务器吗?那太亏啦!来这里,新购、升级、续费都打折,能够为您省60%的钱呢!2核4G企业级云服务器低至69元/年,点击进去看看吧>>>)

微信图片_20200428163205.png

下附代码

    <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>

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

###

这个问题解决了吗?

###

https://segmentfault.com/a/11... 这篇文章有详细使用说明及源码,可供参考

###

menu-trigger只在mode="horizontal"的时候才起作用,把mode改一下就行了

###

今天也遇到了类似的问题,后来发现原来是chrome模拟器才有的bug,真机没有问题

###

我遇到了跟你一样的问题

  <el-menu-item
          v-for="(item, index) in secMenu.child"
          :key="index"
          :index="item.url"
        >
          <i class="fa fa-dot-circle-o leftmenu_left_pie"></i>
          <span style="margin-left:23px;">{{item.title}}</span>
        </el-menu-item>

还要加什么参数

版权声明:本文转载自网络,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。本站转载出于传播更多优秀技术知识之目的,如有侵权请联系QQ/微信:153890879删除

相关文章
  • element-ui el-menu 折叠时 子菜单弹框

    element-ui el-menu 折叠时 子菜单弹框

  • activemq 通过不同协议生产的消息直接

    activemq 通过不同协议生产的消息直接

  • nginx 部署多项目 新项目老是跳旧项目

    nginx 部署多项目 新项目老是跳旧项目

  • 手机浏览器如何跳转到微信公众号

    手机浏览器如何跳转到微信公众号

腾讯云代理商
海外云服务器