el-submenu:可展开的菜单,常用属性如下。 index:菜单下标,文本类型,不能是数值类型。 template:可展开的菜单名,每一个 el-submenu 都需要搭配一个 template,常用属性如下。 slot="title" 设置样式。 i:菜单图片,通过 class 设置样式,常用样式如下。 el-menu-item:不可展开的菜单,叶子结点,常用属性如下。 index:...
--递归嵌套--><SubMenu:children="item.children"></SubMenu></el-sub-menu><el-menu-item:index="item.name":route="item.path"v-else-if="!item.meta.hidden"><el-icon><component:is="item.icon":class="[item.icon, 'iconfont']"/></el-icon><template#title>{{ i18n.t(item.name) }}</...
SubMenu Attributes # 属性名说明类型可选值默认值 index 唯一标志 string — — popper-class 为popper 添加类名 string — — show-timeout 子菜单出现之前的延迟,(继承 menu 的 show-timeout 配置) number — — hide-timeout 子菜单消失之前的延迟,(继承 menu 的 hide-timeout 配置) number — — disab...
所以经过搜索,决定使用x-template类型的脚本文件作为模板载体进行二次封装,首先分析下navmenu的结构,最底层的无孩子节点的菜单使用el-menu-item标签标识,有孩子节点的菜单使用el-submenu标签进行嵌套,template标签显示该层级的菜单名称,所以我们需要对el-menu-item这个标签进行递归判断,上一波代码...
<el-submenu :index="String(item.id)" :key="item.id"> <template #title> {{ item.menuName }} </template> <el-menu-item v-for="(items, i) in item.children" :key="i" :index="items.menuUrl" :route="`/${items.menuUrl}`" :to="items.id" >{{items.menuName}}</el-menu-...
就是自动引入的时候ElSubMenu的文件名写错了,写成ElSubmenu了。导入的时候路径写的是element-plus/es/components/submenu/ 实际路径是element-plus/es/components/sub-menu #6304 和这个issue是一样的,反馈说已经解决了。但是我用的2.2.4版本还是出现了这个问题 What is Expected? 能够正常引入 What is actually ...
Bug Type: Component Environment Vue Version: 3.4.15 Element Plus Version: 2.9.0 Browser / OS: win11,最新chrome Build Tool: Vite Reproduction Related Component el-menu el-menu-item Reproduction Link Element Plus Playground Steps to reproduc...
升级到element-plus遇到的坑 如果你遇到困惑的问题,怎么改都不对,那就看看新的element-plus文档,可能有惊喜! NavMenu 导航菜单 曾经的el-submenu,变成了el-sub-menu 记得检查一下标签名和样式类,是不是名字出现了差异,导致改了半天样式不生效!
</el-menu-item> </el-submenu> </template> <template v-else> <template v-if="item.children&&item.level==0"> <el-submenu :index="String(item.id)" :key="item.id"> <template #title> {{ item.menuName }} </template> <el-menu-item v-for="(items, i) in item.children" :key=...
</el-menu> </template> import { computed } from 'vue' import { useRoute } from 'vue-router' import SubMenu from './subMenu.vue' // useRoute().meta?.parentMenu : 自定义路由点亮菜单,在路由的 meta 上配置 parentMenu 字段,值为父级菜单的 name 值 const defaultActive = computed...