el-menu 侧边栏
时间: 2023-08-09 15:07:24 浏览: 112
侧边栏菜单
el-menu 是 ElementUI 组件库中的一个组件,用于创建侧边栏菜单。它可以帮助我们快速构建具有层级结构的导航菜单。
要使用 el-menu 组件,你需要先引入 ElementUI 组件库,然后在你的代码中使用 el-menu 标签来创建菜单。你可以在 el-menu 中使用 el-menu-item 或者 el-submenu 来添加菜单项。
el-menu 的基本用法如下:
```html
<template>
<el-menu>
<el-menu-item index="1">菜单项1</el-menu-item>
<el-submenu index="2">
<template slot="title">菜单项2</template>
<el-menu-item index="2-1">子菜单项1</el-menu-item>
<el-menu-item index="2-2">子菜单项2</el-menu-item>
</el-submenu>
<el-menu-item index="3">菜单项3</el-menu-item>
</el-menu>
</template>
```
在上面的例子中,我们创建了一个简单的 el-menu 组件,包含了三个菜单项。第二个菜单项是一个子菜单,包含了两个子菜单项。
你可以根据自己的需求,添加更多的菜单项或者子菜单项,并使用不同的属性来定制 el-menu 的样式和行为。
阅读全文