ElementUI侧边栏导航菜单隐藏显⽰问题场景：后台系统，实现侧边栏的隐藏显⽰功能
使⽤ElementUI布局容器时
需要注意的情况
在使⽤<el-aside>标签时，默认的宽度是60px。
如果要实现隐藏显⽰的话，则需要添加width="initial"属性
<el-aside width="initial"></el-aside>
复制代码
使⽤⾃带的隐藏显⽰功能时
需要注意的情况
设置侧边栏宽度时，必须将.el-menu--collapse排除，否则动画效果出现BUG
<el-menu class='demo'></el-menu>
/
/ scss写法
.demo {
height: 100vh;
&:not(.el-menu--collapse) {
width: 180px;
}
}
导航菜单复制代码
完成如上情况之后，就可以很愉快的实现侧边栏隐藏显⽰效果啦~~

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。