element-ui 中el-menu,很好使用,但是最近出现一种情况:当菜单栏都收缩起来的时候,height 100%是没问题的,但是当菜单栏全部打开,会出现100%不够的感觉,部分菜单被隐藏。 怎么解决呢? 首先 html ,body的高度都设置下100%; 然后左边栏menu的高度menuCon 设置height100%不行,需要改成 calc(100% - 40px) ,其中...
当菜单收缩时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...
在Vue Devtool中查看了一下,主要是patch非常耗时 后来edge版本升级到108.0.1462.46,折叠展开也卡了。 Liangqianyongmentioned this issueJun 12, 2023 [Component] [menu] menu组件展开卡顿#9910 Closed ramiwangmentioned this issueAug 21, 2023 Sign up for freeto join this conversation on GitHub. Already hav...
可以看到,是启用了route属性的,而 :default-active="String(activeNav)" 则是来根据跳转的菜单来进行当前选中的激活。 这个getToggle 则是用来收缩菜单的, 也是放在了 vuex 里面,可以先暂时不考虑这个。 这个menuList 我则是放在了vuex里面,里面的数据为: menuList: [ { key: 0, title: '首页', icon: ' ...