vue导航菜单el-submenu
时间: 2023-12-12 16:31:03 浏览: 149
手动动态改变el-tabs标签页顺序
el-submenu是Element UI中的一个组件,用于实现导航菜单的下拉菜单功能。使用el-submenu可以将多个菜单项组合在一起,形成一个下拉菜单,提高页面的可用性和用户体验。
el-submenu的使用方法如下:
```html
<template>
<el-menu>
<el-submenu index="1">
<template slot="title">导航一</template>
<el-menu-item index="1-1">选项1</el-menu-item>
<el-menu-item index="1-2">选项2</el-menu-item>
<el-menu-item index="1-3">选项3</el-menu-item>
</el-submenu>
<el-submenu index="2">
<template slot="title">导航二</template>
<el-menu-item index="2-1">选项1</el-menu-item>
<el-menu-item index="2-2">选项2</el-menu-item>
<el-menu-item index="2-3">选项3</el-menu-item>
</el-submenu>
</el-menu>
</template>
```
阅读全文