element默认展开所有菜单

本文介绍如何在 Element UI 中配置 el-menu 组件以实现所有一级菜单默认展开的功能。通过设置 default-openeds 属性并指定 openeds 数组来包含所有需要默认展开的一级菜单 index 值。此外,还提供了如何获取这些 index 值的方法。

``@TOC

element默认展开所有菜单

展开菜单用到要在el-menu标签中添加 :default-openeds=“openeds” , openeds是默认展开菜单的el-submenu的index属性的值的集合,是一个数组。
要展开所有一级菜单的话,openeds里就存放所有一级菜单的index。我这里下标用的是路由,所以openeds是这样的。

// 默认展开菜单的下标
openeds: ['/index', '/myMandate', '/commmonFunction'], 

在这里插入图片描述

如果是动态路由,不清楚 index 是什么的话,可以在el-menu里面使用open事件把 index 打印出来

<el-menu
   :default-active="activePath"
   :default-openeds="openeds"
   :collapse="false"
   :collapse-transition="false"
   mode="vertical"
   @open="handleOpen"
 >
handleOpen(index) {
  console.log(index);
},
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值