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