Element Plus 按钮下拉菜单实现添加分类和组织机构功能

在 Element Plus 中，可以使用下拉菜单组件来实现点击按钮显示下拉菜单，选择不同选项打开不同表单的功能。

首先，在按钮中添加一个下拉菜单组件 el-dropdown，并给它设置一个唯一的标识符 id。

<el-dropdown id='dropdown'>
  <el-button type='success' plain @click='openDialog()'><i-ep-plus />添加</el-button>
  <el-dropdown-menu slot='dropdown'>
    <el-dropdown-item @click='openForm('分类')'>添加分类</el-dropdown-item>
    <el-dropdown-item @click='openForm('组织机构')'>添加组织机构</el-dropdown-item>
  </el-dropdown-menu>
</el-dropdown>

然后，在对应的 Vue 组件中，添加打开弹出表单的方法 openForm，并根据参数来确定打开的表单类型。

methods: {
  openDialog() {
    // 打开下拉菜单
    const dropdown = this.$refs.dropdown
    dropdown.show()
  },
  openForm(type) {
    // 根据类型打开对应的表单
    if (type === '分类') {
      // 打开分类表单
    } else if (type === '组织机构') {
      // 打开组织机构表单
    }
  }
}

这样，当用户点击按钮时，下拉菜单会显示出来，然后根据用户点击的菜单项来确定打开的表单类型。你可以根据具体的需求来实现打开表单的逻辑。