elementui点击按钮弹出选择框

Element UI提供了一个名为`el-dialog`的组件，用于创建轻量级的模态对话框，这可以用来创建一个点击按钮后的选择框。要实现这个功能，你可以按照以下步骤操作：

1. 引入所需组件：首先在你的Vue项目中引入`dialog`组件和相关的样式文件：

<template>
  <div>
    <!-- 其他内容 -->
    <el-button @click="openDialog">点击选择</el-button>
    <el-dialog :visible.sync="dialogVisible" title="选择框">
      <!-- 你的选项列表 -->
    </el-dialog>
  </div>
</template>

<script>
import { ElButton, ElDialog } from "element-plus";
export default {
  components: {
    ElButton,
    ElDialog
  },
  data() {
    return {
      dialogVisible: false, // 控制对话框是否显示
    };
  },
  methods: {
    openDialog() {
      this.dialogVisible = true; // 当按钮被点击时，打开对话框
    },
  },
};
</script>

2. 在`el-dialog`内添加选项列表，通常是`el-option`组件，如果需要单选或多选，可以配合`el-checkbox-group`或`el-radio-group`。

3. 关闭对话框：通常在`el-dialog`的关闭按钮或外部通过`v-model`绑定的`dialogVisible`属性设置为`false`。