Element UI 添加按钮：使用下拉菜单实现多功能操作

本文介绍如何在Element UI中使用按钮和下拉菜单创建添加功能，并提供示例代码。通过下拉菜单，用户可以选择添加分类或添加阻止机构，提升操作效率。

使用 i-ep-plus 图标表示下箭头，并使用 el-button 组件创建按钮。按钮的类型设置为 success，样式设置为 plain。点击按钮时，会调用 openDialog() 方法。

按钮的文本为“添加”，下面是示例代码：

<el-button type="success" plain @click="openDialog()"> <i-ep-plus /> 添加 </el-button>

为了提供“添加分类”和“添加阻止机构”两个选择项，可以使用 el-dropdown 组件实现下拉菜单功能。下面是示例代码：

<el-dropdown>
  <el-button type="success" plain @click="openDialog()"> <i-ep-plus /> 添加 </el-button>
  <el-dropdown-menu slot="dropdown">
    <el-dropdown-item @click="addCategory()"> 添加分类 </el-dropdown-item>
    <el-dropdown-item @click="addInstitution()"> 添加阻止机构 </el-dropdown-item>
  </el-dropdown-menu>
</el-dropdown>

在上面的代码中，el-button 和 el-dropdown-menu 是 el-dropdown 组件的子组件。el-button 用于显示按钮文本和图标，el-dropdown-menu 用于显示下拉菜单项。你可以根据需求自定义按钮和下拉菜单的样式和事件处理函数。