elementui点击输入框弹出选择框

您使用 Element UI 的下拉选择框组件 el-select 来实现这个功能。在 el-select 组件中，可以通过设置 options 属性来指定下拉选择框中的选项，通过设置 v-model 属性来绑定当前选择的值。

以下是一个示例代码：

<template>
  <div>
    <el-select v-model="selectedOption" placeholder="请选择">
      <el-option
        v-for="option in options"
        :key="option.value"
        :label="option.label"
        :value="option.value">
      </el-option>
    </el-select>
  </div>
</template>

<script>
export default {
  data() {
    return {
      selectedOption: '',
      options: [
        { label: '选项1', value: 'option1' },
        { label: '选项2', value: 'option2' },
        { label: '选项3', value: 'option3' }
      ]
    }
  }
}
</script>

在上面的示例代码中，我们定义了一个 el-select 组件，通过 v-for 指令循环渲染了 options 数组中的选项，设置了 v-model 属性来绑定当前选择的值。当用户点击输入框时，就会弹出下拉选择框，用户可以在其中选择一个选项，并且选择的值会被绑定到 selectedOption 变量中。