这个属性接收一个数组,数组中的每个元素都是希望默认展开的el-submenu的index值。 添加default-openeds属性并设置正确的值: 如果el-menu组件上没有default-openeds属性,你需要添加它,并设置为你希望默认展开的el-submenu的index值组成的数组。例如: vue <el-menu :default-openeds="['submenu1', 'submenu2'...
<el-menu-item index="1-1">选项一</el-menu-item> <el-submenu index="2"> <template slot="title">选项二</template> <el-menu-item index="2-1">选项二-一</el-menu-item> </el-submenu> </el-menu>
label: '菜单2', index: '2', children: [ { label: '子菜单2-1', index: '2-1' }, { label: '子菜单2-2', index: '2-2' } ] }, { label: '菜单3', index: '3', children: [ { label: '子菜单3-1', index: '3-1' }, { label: '子菜单3-2', index: '3-2' } ] ...
vue el-submenu实现导航跳转 样式直接参考ElementUI官网即可 布局确定之后需要实现跳转 (1)el-menu添加route属性,属性的使用查看官网介绍呀 (2)每个el-menu-item的index是跳转的路径,可以理解为配置路由中的path (3) default-active:当前**菜单的 index,至当前点击的路由地址,这个是动态的,所以写的时候需要可动态获...
<el-menu-item index="2-1">选项1</el-menu-item> <el-menu-item index="2-2">选项2</el-menu-item> </el-menu-item-group> <el-menu-item-group title="分组2"> <el-menu-item index="2-3">选项3</el-menu-item> </el-menu-item-group> <el-submenu index="2-4"> <template slot...
<el-menu-item index="2-1">选项⼆-⼀</el-menu-item> </el-submenu> </el-menu> 参数说明类型可选值默认值 mode模式string horizontal / vertical vertical collapse是否⽔平折叠收起菜单（仅在 mode 为 vertical 时可⽤）boolean—false background- color菜单的背景⾊（仅⽀持 hex 格式）string...
--每个el-menu-item的index是跳转的路径,可以理解为配置路由中的path--><el-menu-itemindex="1-2">用户管理</el-menu-item></el-submenu><el-submenuindex="2"><templateslot="title">功能</template><el-menu-itemindex="2-1">选项1</el-menu-item><el-menu-itemindex="2-2">选项2</el-menu...
<el-menu-item index="2-2">子菜单2-2</el-menu-item> </el-submenu> <el-menu-item index="3">菜单3</el-menu-item> </el-menu> </template> import { ElMenu, ElMenuItem, ElSubmenu } from 'element-plus'; export default { components: { ElMenu, ElMenuItem, ElSubmenu, }, data(...
index="3-2"> 用户增加 </el-menu-item> </el-submenu> <el-submenu index="4"> <template slot="title"> 数据展示 </template> <el-menu-item index="4-1">任务列表</el-menu-item> </el-submenu> <el-submenu index="5"> <template slot="title"> 快捷操作 </template> <el-menu-item ...
<template><el-menu:default-active="defaultActive":unique-opened="true"background-color="rgba(35,35,35,2)"text-color="#FFF"active-text-color="#ccc"style=""router><el-menu-itemindex="999":route="{ path: '/home' }"style="text-align:left !important">主页</el-menu-item><el-submenuv...