首页 > 其他 > 详细

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

时间:2021-06-28 09:57:25      阅读:17      评论:0      收藏:0      [点我收藏+]

原因:<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>即可

 

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

原文:https://www.cnblogs.com/zlp520/p/14942958.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!