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