Bug Type:Style Environment Vue Version:3.5.12 Element Plus Version:2.8.7 Browser / OS:130.0.6723.92(正式版本) (32 位) Build Tool:Nuxt Reproduction Related Component el-menu Reproduction Link Docs Steps to reproduce 设置collapse为true What is Expected? 折叠之后图标显示 What is actually happening?
链接:[Bug Report] el-menu菜单组件引入动态渲染icon图标时,图标组件刚好是Menu时报错,菜单不显示 · Issue #5570 · element-plus/element-plus · GitHub 如果你目前一定要动态渲染使用Menu这个icon图标的话,全局导入时重起一个其他别名也可以,修改后的main.js代码如下: import{createApp}from'vue...
Issue Remove Inactive [Style] [menu] el-menu的collapse属性为true时不显示图标 #29523 Sign in to view logs Summary Jobs issue-remove-inactive Run details Usage Workflow file Triggered via issue November 5, 2024 09:54 DDDDD12138 commented on #18789 602622b Status Success ...
有子菜单 --><el-sub-menuv-if="subItem.children && subItem.children.length":index="subItem.path"><template#title><el-icon><component:is="subItem.meta.icon"></component></el-icon><span>{{ subItem.meta.title }}</span></template><SubMenu:menuList="subItem.children"/></el-sub-menu><...
问题七: el-menu组件当菜单折叠后出现图标丢失的现象。问题出在el-icon元素在title模板内的使用。解决方法是将el-icon移出#title,但el-sub-menu的情况需保持el-icon在内,否则显示异常。调整后的代码使菜单项在展开和折叠状态下均能正确显示图标。 错误示范: ...
首先是说在el-item-menu中使用插槽应该这样使用 <el-menu-item v-else:index="Menu.path"><svg-icon:icon="Menu.meta.icon"></svg-icon><template#title><span>{{Menu.meta.title }}</span> </template> </el-menu-item> 就是说svg-icon这个组件不能写在<template #title>里面,这个确实可以解决一部...
el-menu 方法/步骤 1 在Element中提供了NavMenu组件可以为网站提供导航功能的菜单，这里我们主要来研究下侧边折叠导航栏菜单的功能实现，Element提供了一个简单的示例，属性我们可以参考Element官网的NavMenu 导航菜单说明：2 简单介绍下该示例，这里el-menu定义了当前的导航菜单及属性，el-submenu定义了子菜单栏，el-...
<el-menu-item index="1-1">选项1</el-menu-item> <el-menu-item index="1-2">选项2</el-menu-item> </el-menu-item-group> <el-menu-item-group title="分组2"> <el-menu-item index="1-3">选项3</el-menu-item> </el-menu-item-group> ...
el-menu-item.is-active { background-color: #ccff00!important; } </style> active-text-color 是选中的文本颜色 这句话设置选中的背景颜色 .el-menu-item.is-active { background-color: #ccff00!important;} <template> <div class="common-layout"> <!-- 全屏的关键:height: 100vh --> <el...