其他分享
首页 > 其他分享> > vue使用el-menu折叠时,导航文字不隐藏问题

vue使用el-menu折叠时,导航文字不隐藏问题

作者:互联网

原因:<el-menu>嵌套中出现了意料之外的<div>,而<el-menu>标签本身希望里面嵌套的是<el-menu-item>,<el-submenu>,<el-menu-item-group>其中之一

方案一:(推荐)

改样式

  /*隐藏文字*/
  .el-menu--collapse .el-submenu__title span {
    display: none;
  }

  /*隐藏 > */
  .el-menu--collapse .el-submenu__title .el-submenu__icon-arrow {
    display: none;
  }

方案二:(未测试)

安装vue-fragment库:

npm install --save vue-fragment

 

 

// main.js
import Fragment from 'vue-fragment'
Vue.use(Fragment.Plugin)

 

<div>修改为<fragment>即可

 

标签:__,el,vue,fragment,menu,submenu
来源: https://www.cnblogs.com/zlp520/p/14942958.html