Element UI 下拉菜单实现添加分类和组织机构弹出表单

可以通过使用 Element UI 的下拉菜单组件来实现这个需求。\n\n首先，在data中定义一个变量isDialogVisible来控制弹出框的显示与隐藏：\njavascript\ndata() {\n return {\n isDialogVisible: false\n }\n}\n\n\n然后，添加一个el-dropdown组件作为按钮的下拉菜单：\nhtml\n<el-dropdown @command="handleCommand">\n <el-button type="success" plain>\n <i-ep-plus />添加\n </el-button>\n <el-dropdown-menu slot="dropdown">\n <el-dropdown-item command="addCategory">添加分类</el-dropdown-item>\n <el-dropdown-item command="addOrganization">添加组织机构</el-dropdown-item>\n </el-dropdown-menu>\n</el-dropdown>\n\n\n接着，在methods中定义一个openDialog方法来打开弹出框，并根据传入的参数来判断要显示的表单：\njavascript\nmethods: {\n openDialog(formType) {\n // 根据formType来判断要显示的表单\n this.isDialogVisible = true;\n },\n handleCommand(command) {\n if (command === 'addCategory') {\n this.openDialog('category');\n } else if (command === 'addOrganization') {\n this.openDialog('organization');\n }\n }\n}\n\n\n最后，在模板中添加一个el-dialog组件来显示弹出框：\nhtml\n<el-dialog v-model="isDialogVisible" title="添加分类" :visible.sync="isDialogVisible">\n <!-- 表单内容 -->\n</el-dialog>\n\n\n以上代码实现了当鼠标点击按钮的下拉菜单中的某一项时，弹出对应的表单。你可以根据需要自定义表单内容。