<el-menuclass="aside-menu"router :default-active="$route.path":collapse="isCollapse"background-color="#131b27"text-color="#bfcbd9"active-text-color="#20a0ff":default-active="$route.path":当前激活菜单的index,栏目与path做了匹配就拿到了path然后激活对应的item,当前打开了哪个页面,那么就会去找i...
<el-menu-item index="/department">部门设置</el-menu-item> <el-menu-item index="/system">系统设置</el-menu-item> <el-menu-item index="/warn">超时设置</el-menu-item> <el-menu-item index="/employee">员工设置</el-menu-item> </el-sub-menu> <el-menu-item index="/statistics"> <...
仅⽀持 hex 格式）string—#303133 active-text-color当前激活菜单的⽂字颜⾊（仅⽀持 hex 格式）string—#409EFF default-active当前激活菜单的 index string——default-openeds当前打开的 sub-menu 的 index 的数组Array——unique-opened是否只保持⼀个⼦菜单的展开boolean—false menu-trigger⼦菜单...
:src="curRoute.indexOf(item.path) != -1 ? item.iconActive : item.icon" /> <imgclass="icon pd-r-10":src="item.icon"/> <span>{{ item.label }}</span> </template> <LeftSubMenu:menuData="item.children"></LeftSubMenu> </el-sub-menu> <el-menu-item :key="item.id" v-else ...
item.meta.hidden"><el-sub-menu:index="item.path":key="item.path"v-if="item?.children?.length > 0"><template #title><el-icon><Aim/></el-icon><span>{{item.meta.title}}</span></template><menuItem v-for="child in item.children":item="child":key="child.path"/></el-sub-...
1].path; } // 删除最后一个选项卡 if (r.length === 0) { this.curTabPath = null; } this.tabs = r; }, //--- // 点击导航菜单 menuSelect(index, path) { this.curTabPath = index; let curTab = this.getMenuObj(index) this.tab_add(curTab) }, // 查找点击菜单对象 getMenuObj...
<el-menu ellipsis class="flex-1 overflow-hidden" mode="horizontal" router> <template v-for="i in menu" :key="i.route"> <el-menu-item v-if="i.children.length == 0" :index="i.route" :key="i.route + 'menu'">{{ i.name }}</el-menu-item> <el-sub-menu v-else-if="i.ch...
Bug Type: Component Environment Vue Version: 3.2.47 Element Plus Version: 2.3.0 Browser / OS: Chrome 110.0.5481.177 / Mac OS 13.2 Build Tool: Vite Reproduction Related Component el-menu el-sub-menu Reproduction Link Docs CN Steps to repr...
el-sub-menu index="2-4"> <template #title>规章制度公示</template> <el-menu-item index="2-4-1">选项1</el-menu-item> <el-menu-item index="2-4-2">选项2</el-menu-item> <el-menu-item index="2-4-3">选项3</el-menu-item> </el-sub-menu>--> </el-sub-menu> </el-menu...
Ten en cuenta que puedes crear sub-elementos si los arrastras un poco hacia la derecha.Después de haber ordenado los menús de la forma deseada, puedes editarlos desde el menú Editar junto a cada elemento. Esto te permitirá cambiar diferentes atributos de ese menú, como su Peso, ...