el-dropdown
时间: 2023-07-03 19:25:13 浏览: 129
vue+element搭建后台小总结 el-dropdown下拉功能
`el-dropdown` 是基于 Element UI 框架实现的下拉菜单组件,以下是一个简单的示例:
```html
<el-dropdown>
<span class="el-dropdown-link">
下拉菜单<i class="el-icon-arrow-down el-icon--right"></i>
</span>
<el-dropdown-menu slot="dropdown">
<el-dropdown-item>选项1</el-dropdown-item>
<el-dropdown-item>选项2</el-dropdown-item>
<el-dropdown-item>选项3</el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>
```
其中,`el-dropdown` 是下拉菜单的容器,`el-dropdown-link` 是触发下拉菜单的元素,`el-dropdown-menu` 是下拉菜单面板,`slot="dropdown"` 表示将 `el-dropdown-menu` 插入到 `el-dropdown` 中。
需要注意的是,以上代码需要引入 Element UI 的样式文件和 JavaScript 文件,并且需要在 Vue 实例中注册 `el-dropdown`、`el-dropdown-menu` 和 `el-dropdown-item` 组件。
阅读全文