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-icon元素在title模板内的使用。解决方法是将el-icon移出#title,但el-sub-menu的情况需保持el-icon在内,否则显示异常。调整后的代码使菜单项在展开和折叠状态下均能正确显示图标。 错误示范: <el-menu-item v-if="hasChild(item) == 0":index="resolvePath(item.path)":key="resolvePath(item....
有子菜单 --><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-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-...
(key, keyPath)// };// @open="handleOpen" @close="handleClose" router</script><stylescopedlang="css">/* 局部样式覆盖 *//* 如果你需要在当前组件内设置样式 *//* 设置选中item的背景色 *//* 用于选择同时具有 el-menu-item 和 is-active 类的元素 */.el-menu-item.is-active{background-...
在Element Plus的el-menu组件中,要实现菜单项激活后切换图标的功能,你可以按照以下步骤进行: 识别el-menu激活事件: el-menu组件提供了@select事件,当点击菜单项时会触发该事件。你可以通过监听这个事件来判断哪个菜单项被激活。 设计切换后的图标: 你需要准备两种图标,一种是默认状态,另一种是激活状态。这些图标可以...