item.meta.hidden && item.children":index="item.name"><template#title><el-icon><span:class="[item.icon, 'iconfont']"></span></el-icon><span>{{ i18n.t(item.name) }}</span></template><!--递归嵌套--><SubMenu:children="item.children"></SubMenu></el-sub-menu><el-menu-item:index...
</el-menu-item> <el-sub-menu index="/subMenuConfig"> <template #title> 选项设置 </template> <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 ind...
el-menu-item,它其实就是el-menu每一个里面的item,item就是真实匹配到路由的每个栏目,不带有伸缩功能,具备真正内容的。 没有内容的是带有伸缩功能的,是一个功能模块的合并,也就是一个集合的展示,它没有本身的一个页面,真正的页面展示是在每一个item里面。 应该menu里面,除了item之外还有sub item,sub 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><...
升级到element-plus遇到的坑 如果你遇到困惑的问题,怎么改都不对,那就看看新的element-plus文档,可能有惊喜! NavMenu 导航菜单 曾经的el-submenu,变成了el-sub-menu 记得检查一下标签名和样式类,是不是名字出现了差异,导致改了半天样式不生效!
<el-sub-menuindex="system"v-if="showSystem"><template#title>系统管理</template><el-menu-itemindex="user">用户管理</el-menu-item><el-menu-itemindex="role">角色管理</el-menu-item><el-menu-itemindex="menu">菜单管理</el-menu-item></el-sub-menu></el-menu></el-scrollbar></el-...
就是自动引入的时候ElSubMenu的文件名写错了,写成ElSubmenu了。导入的时候路径写的是element-plus/es/components/submenu/ 实际路径是element-plus/es/components/sub-menu #6304 和这个issue是一样的,反馈说已经解决了。但是我用的2.2.4版本还是出现了这个问题 What is Expected? 能够正常引入 What is actually ...
el-menu 是 element-plus 中的一个核心组件,它可以用于构建水平或垂直的菜单导航。在使用 el-menu 之前,首先需要安装 element-plus 组件库,并引入相关的样式和组件。接着可以通过使用 el-menu 和 el-menu-item 组件来构建菜单导航,例如: ```javascript <template> <el-menu :default-active="activeIndex" clas...
el-menu el-menu-item el-sub-menu Reproduction Link Element Plus Playground Steps to reproduce -- 创建任意一个 el-menu -- :router="true" -- mode="horizental" -- menuList 必须最少包含一个没有children的路由和一个有children的路由 -- for循环创建 menu 列表 ...
使用element-plus正式版V2.0.*,MenuItem.vue 里的 <i class="sub-el-icon el-icon-user"></i>好像展示不出来,要怎么改,默认好像推荐使用<el-icon></el-icon>组件。 刚找到了一个解决方案 在main.js里全局注册图标import * as ElIcons from '@element-plus/icons-vue'; Object.keys(ElIcons).forEach...