elementUi可输入Select选择器

Element UI 的 el-select 组件本身就是一个可输入的选择器，用户可以在输入框中输入选项，如果需要进一步优化，可以使用 el-select 的 filterable 属性。

以下是一个简单的例子，展示了如何使用 Element UI 创建一个可输入的下拉选择器：

<template>
  <el-select
    v-model="value"
    filterable
    placeholder="请选择"
  >
    <el-option
      v-for="item in options"
      :key="item.value"
      :label="item.label"
      :value="item.value"
    ></el-option>
  </el-select>
</template>
 
<script>
export default {
  data() {
    return {
      value: '',
      options: [
        { label: '选项1', value: 'option1' },
        { label: '选项2', value: 'option2' },
        { label: '选项3', value: 'option3' },
        // 更多选项...
      ]
    };
  }
};
</script>

在这个例子中，filterable 属性使得 el-select 变为可输入状态。用户可以在输入框中输入任意文本，下拉列表将会自动过滤出包含输入文本的选项供用户选择。