目前效果:
原因:
el-menu 标签本身希望里面嵌套的是el-menu-item, el-submenu, el-menu-item-group这三个标签,但是里面却嵌套了div标签 , 而导致折叠后就隐藏不了文字。
解决:
添加如下样式即可
注意:<style>标签中不要加scope,否则导致文字还是无法隐藏
<style>
.el-menu--collapse .el-submenu__title span{
display: none;
}
.el-menu--collapse .el-submenu__title .el-submenu__icon-arrow{
display: none;
}
</style>