我们需要一个布尔值变量来控制el-aside的收缩状态,并通过绑定该变量到el-aside的width属性(当设置为"collapse"时,表示收缩状态)来实现收缩效果。同时,为了保持收缩动画的流畅性,我们可以关闭el-menu的折叠动画。 3. 实现el-menu组件与el-aside组件的联动 当el-aside收缩时,我们需要确保el-menu的宽度也相应变化。这...
当菜单收缩时element会给菜单添加el-menu--collapse类,这时候把文字和下拉图标隐藏掉即可 .el-menu--collapse .el-submenu__title span{ height: 0; width: 0; overflow: hidden; visibility: hidden; display: inline-block; } .el-menu--collapse .el-submenu__icon-arrow{ display: none; } 参考:https...
Bug Type: Component Environment Vue Version: 3.2.20 Element Plus Version: 2.1.4 Browser / OS: Chrome/99.0.4844.74/Mac OS X 10_15_7 Build Tool: Vite Reproduction Related Component el-sub-menu el-menu Reproduction Link Docs CN Steps to rep...