el-submenu
时间: 2023-08-15 17:14:17 浏览: 144
使用element-ui的el-menu导航选中后刷新页面保持当前选中状态
El-submenu 是 Element UI 中的一个组件,用于创建子菜单。它可以作为 El-menu 组件的子组件使用,用于实现多级菜单的功能。
在使用 El-submenu 组件时,我们需要将其包裹在 El-menu 组件中,并设置相应的属性和事件。例如:
```html
<el-menu>
<el-submenu index="1">
<template slot="title">一级菜单</template>
<el-menu-item-group title="分组一">
<el-menu-item index="1-1">选项1</el-menu-item>
<el-menu-item index="1-2">选项2</el-menu-item>
</el-menu-item-group>
<el-menu-item-group title="分组二">
<el-menu-item index="1-3">选项3</el-menu-item>
<el-menu-item index="1-4">选项4</el-menu-item>
</el-menu-item-group>
</el-submenu>
</el-menu>
```
在上面的例子中,我们创建了一个一级菜单,并在其下添加了两个分组。每个分组中又包含了若干个菜单选项。通过设置 index 属性,我们可以为每个菜单项指定唯一的标识符,以便在点击菜单项时进行相应的处理。
El-submenu 组件还提供了一些常用的属性和事件,用于自定义子菜单的样式和行为。你可以参考 Element UI 的官方文档以获取更详细的信息。
阅读全文