第一步、创建SubMenu <template><div> <template v-for="menu in this.menuData" :key="menu.url"> <el-sub-menu v-if="menu.children" :index="menu.url" :key="menu.url" > <template #title> <el-icon><component :is="menu.icon"></component></el-icon>{{menu.name}} </template> <su...
在Element UI中,el-menu 组件用于创建导航菜单。如果你想让 el-menu 默认展开第一个子菜单,可以通过设置 default-openeds 属性来实现。这个属性接受一个数组,数组中的值是你希望默认展开的菜单项的 index 属性值。 以下是如何实现这一功能的步骤和代码示例: 确定el-menu 组件的当前状态: 确保你的 el-menu 组件...
el-menu标签default-active属性对应值为el-menu-item标签的index值相同的话则会默认展开 有用1 回复 wow_TOT: 不是选中item哈,是展开菜单,我用了default-openeds解决了 回复2017-09-30 钧子: @wow_TOT 咋解决的 我列卡 回复2020-09-03 撰写回答 你尚未登录,登录后可以 和开发者交流问题的细节 关注并...
el-menu标签default-active属性对应值为el-menu-item标签的index值相同的话则会默认展开 有用1 回复 wow_TOT: 不是选中item哈,是展开菜单,我用了default-openeds解决了 回复2017-09-30 钧子: @wow_TOT 咋解决的 我列卡 回复2020-09-03 撰写回答 你尚未登录,登录后可以 和开发者交流问题的细节 关注并...
menu-item></el-submenu><el-submenuindex="3"><templateslot="title"><iclass="el-icon-eleme"></i><span>吃外卖的坏处</span></template><el-menu-itemindex="noFun">少了烧饭的乐趣</el-menu-item><el-menu-itemindex="expensive">外卖太贵了</el-menu-item></el-submenu></el-menu></div...
子路由是指在一个主路由下的更细分的路由。在使用el-menu组件进行页面导航时,我们常常需要携带参数来标识当前选中的子菜单,以便在页面中进行相应的操作。 在el-menu中,我们可以通过使用<router-link>标签来创建子菜单的路由链接,并在to属性中指定子路由的路径。同时,我们可以通过query参数来携带附加信息。 代码示例:...
简介:el-menu导航报错Missing required prop: "index"、点击只有一级菜单时不合上其他已展开菜单 使用细节 目前企业开发项目,比较常用的UI框架大致有三个,elementUI、IView、AntD。当然还有别的UI框架,不过有的可能要收费。其实每个框架在使用的过程中,都会有对应的“坑”,其实所谓的“坑”就是官方文档写的不够详细...
这是el-menu开启了路由功能,所以能跳转路由,当动态加载的时候,这部分需要改造成v-for 数据库 说明:parent_id为0的即是一级目录,但是一级目录里一部分可以直接展示界面,一部分是展开二级目录,我这是以component字段为home/HomeView.vue来区分是展示二级目录。
上面代码直接复制,就会出现问题,问题:当最后一个菜单是可展开菜单时,展开会卡顿,如果将index="2"注释取消(即可展开菜单不再最后时),菜单的展开就会恢复流畅 测试出另一个问题,如果class=》back的颜色设置与el-menu的background-color一样或者相近,就会出现上述的卡顿问题 ...
<el-menu-item index="saveTime">省自己烧饭时间</el-menu-item> <el-menu-item index="saveWash">省了刷锅时间</el-menu-item> <el-menu-item index="saveRun">省了跑腿时间</el-menu-item> </el-submenu> <el-submenu index="3">