el-menu 组件提供了几个属性来控制菜单的默认打开状态,主要包括 default-active 和default-openeds。 default-active:设置默认激活的菜单项索引或路径。 default-openeds:设置默认展开的菜单项索引或路径的数组。2. 实现 el-menu 默认打开的具体代码示例
我是从element-ui2.15.7升级到element-plus2.2.34,自己实现了一个菜单搜索功能,裁剪菜单,并通过修改default-openeds的值可以自动展开搜索到的子菜单(如图1),但是在升级到element-plus以后,就像你说的一样,只在初始化的时候生效,后面动态修改无法生效,所以我的菜单无法自动展开搜索到的子菜单(如图2),我通过使用el-...
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.defaultOpenedsArray = []; } }, 1. 2...
为什么default-openeds 必须写在html上才能起作用,我这样:default-openeds="openNum"后,子菜单点击不会跳转了,而且也 不报错,我这样做的原因是我想在不同的页面让左侧公共导航菜单可以展开的父菜单是不一样的. 我的需求是当页面处于基础表格vue表格组件时 表格是展开的,而当页面处于表单下面的子菜单时 表单就变成...
第一步:先设置好属性, default-openeds=[],表示打开的子项为空,设置完之后会发现,点击有子项的导航栏打不开了,之后就是设置事件,给导航二设置点击事件, 当用户点击了导航二,触发事件,将defaultOpenedsArray=[],如果点击的是导航一,就将导航一的index,替换defaultOpenedsArray中的第一项, ...
Bug Type: Component Environment Vue Version: 3.3.8 Element Plus Version: 2.4.3 Browser / OS: macOS12.1 Build Tool: Vite Reproduction Related Component el-menu Reproduction Link Element Plus Playground Steps to reproduce Navigator One ite...
<template lang='pug'> section(style='width:210px') el-menu(default-active='menu1' :default-openeds='["submenu1"]' @open='handleOpen' @close='handleClose' @select='handleSelect') el-menu-item(index='menu1') 单项菜单1 el-menu-item(index='menu2') 单项菜单2 el-submenu(index='submen...
第一步：先设置好属性，default-openeds=[],表示打开的子项为空，设置完之后会发现，点击有子项的导航栏打不开了，之后就是设置事件，给导航二设置点击事件，当用户点击了导航二，触发事件，将defaultOpenedsArray=[],如果点击的是导航一，就将导航一的index,替换defaultOpenedsArray中的第一项，这样...
:default-openeds="openedsArr" text-color="#fff" > <LeftSubMenu:menuData="menuData"></LeftSubMenu> </el-menu> </template> <scriptsetup> importLeftSubMenufrom"@/components/LeftSubMenu.vue"; import{ computed }from"vue"; import{ useRouter }from"vue-router"; ...
<el-menu :default-active=‘$route.path‘ :router=‘true‘ :unique-opened=‘true‘ :default-openeds="defaultOpeneds"background-color="#bd1e22"text-color="#fff"active-text-color="#ffd04b">//router当导航激活时允许以index作为路由进行页面的跳转,$route.path当前路由对象的路径,字符串,绝对路径/...