项目场景:
项目需求左侧菜单栏,当选中当前菜单后,需要关闭其他菜单选项。
展示效果
原因分析:
因为 elementUI中 el-menu 标签中 unique-opened属性 默认为 false ,表示全展开。
解决方案:
将 unique-opened 设置为 true
<el-menu
:default-active="activeMenu"
:collapse="isCollapse"
:text-color="variables.menuText"
:unique-opened="true"
:active-text-color="variables.menuActiveText"
:collapse-transition="false"
mode="vertical"
>
</el-menu>