vue 利用element-ui 做一个form表单里的输入框下拉选择 下拉选择还可以再点击展开

在 Element UI 中，你可以使用 `el-select` 组件的 `collapse-tags` 属性来实现下拉选择框可以再点击展开的功能。以下是一个示例代码：

<template>
  <el-form>
    <el-form-item label="选择项">
      <el-select
        v-model="selectedItem"
        placeholder="请选择"
        clearable
        collapse-tags
        @remove-tag="handleRemoveTag"
      >
        <el-option
          v-for="item in items"
          :key="item.value"
          :label="item.label"
          :value="item.value"
        ></el-option>
      </el-select>
    </el-form-item>
  </el-form>
</template>

<script>
export default {
  data() {
    return {
      selectedItem: '',
      items: [
        { label: '选项1', value: 'option1' },
        { label: '选项2', value: 'option2' },
        { label: '选项3', value: 'option3' },
        // 其他选项
      ]
    };
  },
  methods: {
    handleRemoveTag() {
      this.selectedItem = '';
    }
  }
};
</script>

在上面的示例中，我们使用了 `el-select` 组件和 `el-option` 组件来实现下拉选择框。通过设置 `collapse-tags` 属性，我们可以使下拉选择框在点击已选项时展开，允许重新选择。

我们还使用了 `clearable` 属性，使得选择框右侧出现清空按钮，可以清除已选项。

在 `data` 中，我们定义了 `selectedItem` 变量来存储用户选择的项。`items` 数组表示下拉选择框中的选项列表。

在 `methods` 中，我们定义了 `handleRemoveTag` 方法，在点击已选项的关闭按钮时清空选择。

你可以根据自己的需求调整示例代码，并根据 Element UI 的文档了解更多关于 Select 组件和表单的用法。