1. 确定 el-menu 组件的默认状态 默认情况下,el-menu 组件中的子菜单(el-submenu)是折叠的,除非你明确设置它们为展开状态。 2. 查找 el-menu 组件的展开属性 在Element UI的文档中,el-menu 组件有一个 default-openeds 属性,该属性接受一个数组,数组中的每个元素对应一个需要默认展开的 el-submenu 的index...
你这种情况,应该作为两个菜单实例来实现,例如可以给el-menu加上key。 Element Plus Playground github-actionsbotinactive 我觉得目前的default-openeds的表现是正常的,default-opens作为一个default值,类似于input的initValue,只应在初始化的时候起作用,后续是不应该更新了的。 你这种情况,应该作为两个菜单实例来实现,...
Menu as IconMenu, Location, Setting, } from '@element-plus/icons-vue' import {ref,onMounted} from 'vue' const handleOpen = (key: string, keyPath: string[]) => { console.log(key, keyPath) } const handleClose = (key: string,
</el-menu-item> </template> </el-menu> 为什么default-openeds 必须写在html上才能起作用,我这样:default-openeds="openNum"后,子菜单点击不会跳转了,而且也 不报错,我这样做的原因是我想在不同的页面让左侧公共导航菜单可以展开的父菜单是不一样的. 我的需求是当页面处于基础表格vue表格组件时 表格是展开...
<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...
<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"; ...
el-menu点击两下才收起或展开 default-openeds和default-active尽量不要同时存在,删掉default-openeds即可
<template><asideclass="wrap"><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";exportdefault{name:"...
el-menu标签default-active属性对应值为el-menu-item标签的index值相同的话则会默认展开 有用1 回复 wow_TOT: 不是选中item哈,是展开菜单,我用了default-openeds解决了 回复2017-09-30 钧子: @wow_TOT 咋解决的 我列卡 回复2020-09-03 撰写回答 你尚未登录,登录后可以 和开发者交流问题的细节 关注并...
<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"; ...