想用iview做一个可以伸缩的侧边菜单栏，效果如下： 　　1.侧边栏收缩前：可以通过点击菜单分类展开子菜单项； 　　2.可以让用户点击图标动态收缩菜单栏； 　　3.侧边栏收缩后：只显示菜单分类的图标，鼠标放置在菜单分类上后右侧展示子菜单项目。 一、初探 ...

动态实现简单的二级菜单 当鼠标放到一级标签上时，鼠标会变成小手的形状 展示二级菜单，源码如下，复制即可直接使用 如果读者有不明白的地方，或建议可直接留言，定会一一解答。 ...

显示效果 ...

html: js: css就不贴了，用jquery实现这种竖直手风琴菜单真的容易好多。 ...

...

1. 关键代码：使用 switch 或 if 判断语句，改变对应的二级菜单显示方式为 block 或 none 2. 主导航 绑定事件 3. 二级菜单 4. 完整代码 ...

index.html style.scss只将跟二级菜单相关的写了注释 ...

这是由于设置了openkey的原因。 由于业务需要设置openkey。 查看了Antd Pro的源码后发现，可以通过判断菜单在收起状态时，给Menu不设置openKeys值，这样就变为不受控组件，交给antd处理。 解决方案: //判断菜单是否处于收缩状态设置openkey ...