el-submenu is-opened 展开/闭合;el-submenu is-opened保持一个子菜单的展开控制

写了个mes系统目录 点击子菜单展开后,上一级菜单没有默认关闭。主流后台管理系统大部分都是保持一个子菜单关闭状态、

问度娘无果后,查询官网,一个属性搞定。

unique-opened 是否只保持一个子菜单的展开

加在 <el-menu 组件上即可

完整代码:

<el-scrollbar style="height: 100%">

<el-menu

:collapse="isCollapse"

class="micro-cli-el-menu"

:default-active="nowTagValue"

unique-opened

>

<!-- unique-opened 是否只保持一个子菜单的展开 -->

<SidebarItem :menu="menu" />

</el-menu>

</el-scrollbar>

相关推荐
星星会笑滴1 分钟前
vue+node+Express+xlsx+emements-plus实现导入excel,并且将数据保存到数据库
vue.js·excel·express
前端百草阁21 分钟前
【TS简单上手,快速入门教程】————适合零基础
javascript·typescript
彭世瑜21 分钟前
ts: TypeScript跳过检查/忽略类型检查
前端·javascript·typescript
FØund40422 分钟前
antd form.setFieldsValue问题总结
前端·react.js·typescript·html
Backstroke fish23 分钟前
Token刷新机制
前端·javascript·vue.js·typescript·vue
zwjapple23 分钟前
typescript里面正则的使用
开发语言·javascript·正则表达式
小五Five24 分钟前
TypeScript项目中Axios的封装
开发语言·前端·javascript
小曲程序24 分钟前
vue3 封装request请求
java·前端·typescript·vue
临枫54125 分钟前
Nuxt3封装网络请求 useFetch & $fetch
前端·javascript·vue.js·typescript
RAY_CHEN.25 分钟前
vue3 pinia 中actions修改状态不生效
vue.js·typescript·npm