el-select 选择器同时拥有下拉选择和输入文本

`el-select` 是 Element UI 提供的一个用于选择列表的组件，它支持两种操作模式：单选或多选。默认情况下，当`multiple`属性设为`false`（即单选）时，你可以通过点击下拉箭头进行选项选择；而当`multiple`设置为`true`（即多选）时，用户可以选择多个选项。

如果你想在同一个`el-select`上既允许下拉选择也支持输入文本进行搜索，可以使用`clearable`属性配合`filterable`属性。`clearable`表示允许用户清除当前的选择，`filterable`则开启模糊搜索功能，用户可以在下拉框中输入文字过滤匹配项。

以下是使用这些属性的基本示例：

<template>
  <el-select
    v-model="selectedValue"
    placeholder="请选择或输入"
    clearable
    filterable
  >
    <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 {
      selectedValue: '',
      options: [
        { value: 'Option1', label: 'Option 1' },
        { value: 'Option2', label: 'Option 2' },
        // ... 更多选项
      ],
    };
  },
};
</script>

在这个例子中，当你点击下拉箭头，会显示完整的选项列表；输入文字后，下拉框会根据输入内容自动筛选匹配项。