el-menu :default-openeds 是Element UI 或 Element Plus 框架中 el-menu 组件的一个属性。这个属性用于指定菜单在初始化时应该默认展开的子菜单的索引数组。 2. 描述 el-menu :default-openeds 属性的作用 el-menu :default-openeds 的主要作用是控制哪些子菜单在组件加载时应该默认展开。这对于提升用户体验非常...
:default-openeds="defaultOpenedsArray" unique-opened mode="vertical" :collapse-transition="false" @select="handleSelectMenu" > </el-menu> 1. 2. 3. 4. 5. 6. 7. 8. defaultOpenedsArray:[] 1. handleSelectMenu(index) { if (index || index != null) { // 收起展开的子菜单 this.def...
第一步:先设置好属性, default-openeds=[],表示打开的子项为空,设置完之后会发现,点击有子项的导航栏打不开了,之后就是设置事件,给导航二设置点击事件, 当用户点击了导航二,触发事件,将defaultOpenedsArray=[],如果点击的是导航一,就将导航一的index,替换defaultOpenedsArray中的第一项, 这样就完成了第一个...
<el-menu :default-openeds="[0]" :default-active="$route.path" theme="light" unique-opened router> <div> <div class="compamyTit_ebt"><img src="/static/img/companyTopPic_index_ebt.png"> <p>易报通</p></div> </div> <template v-for="(item,index) in $router.options.routes" v...
<el-menu :default-active="activeMenu" router :class="'menu-left'" :default-openeds="openedsArr" text-color="#fff" > <AsideSubMenu:menuData="menuData"></AsideSubMenu> </el-menu> </aside> </template> <script> importAsideSubMenufrom"./AsideSubMenu.vue"; ...
});this.defaultOpeneds= [thisNav.index]; } AI代码助手复制代码 ps:下面看下vue Element-ui el-menu 左侧导航条 <template><!--实现左侧导航条动态渲染(三级)--><el-menuclass="el-menu-vertical-demo"@open="handleOpen"@close="handleClose":collapse="isCollapse"routerunique-openedbackground-color="...
el-menu点击两下才收起或展开 default-openeds和default-active尽量不要同时存在,删掉default-openeds即可
第一步：先设置好属性，default-openeds=[],表示打开的子项为空，设置完之后会发现，点击有子项的导航栏打不开了，之后就是设置事件，给导航二设置点击事件，当用户点击了导航二，触发事件，将defaultOpenedsArray=[],如果点击的是导航一，就将导航一的index,替换defaultOpenedsArray中的第一项，这样...
试了default-active属性,感觉这个不能实现,如图,默认展开就OK了 已经找到解决办法了, :default-openeds="['0']"就搞定了
<el-menu :default-active="activeMenu" router :class="'menu-left'" :default-openeds="openedsArr" text-color="#fff" > <LeftSubMenu:menuData="menuData"></LeftSubMenu> </el-menu> </template> <scriptsetup> importLeftSubMenufrom"@/components/LeftSubMenu.vue"; ...