el-submenu折叠失效，文字和＞显示

懒大王、

已于 2023-07-13 16:11:11 修改

阅读量970

点赞数

分类专栏： vue 文章标签： vue.js elementui javascript

于 2022-07-13 14:37:59 首次发布

本文链接：https://blog.csdn.net/qq_43987527/article/details/125763404

版权

vue 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

el-submenu折叠文字和＞显示

问题
在这里插入图片描述

注意<style>标签中不要加scope，否则导致>还是无法隐藏

/*由于 element-ui 的<el-menu>标签本身希望里面嵌套的是<el-menu-item>,<el-submenu>,<el-menu-item-group>之一，但是却嵌套了<div>,而导致收折就隐藏不了文字*/
/*隐藏文字*/
.el-menu--collapse .el-submenu__title span {
  display: none;
}
/*隐藏 > */
.el-menu--collapse .el-submenu__title .el-submenu__icon-arrow {
  display: none;
}