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

 

上一篇:fragment中实现动画切换与返回


下一篇:fragment生命周期的讲解