Vue3 - Element Plus 选择器 el-select 既可以选择下拉又可以手动输入文本功能，让 select 选择器同时拥有下拉选择和输入文本（支持手动输入文本和下拉选择）

在Vue3中，使用Element Plus的el-select组件可以实现选择下拉菜单的功能，但若要实现同时支持选择下拉和手动输入文本的功能，可以使用el-select的v-model绑定值和filterable属性。

filterable属性设置为true时，el-select会变为可搜索状态，用户既可以选择下拉列表中的选项，也可以输入文本进行模糊匹配筛选。

以下是一个简单的例子：

<template>
  <el-select v-model="selected" filterable placeholder="请选择或输入">
    <el-option
      v-for="item in options"
      :key="item.value"
      :label="item.label"
      :value="item.value">
    </el-option>
  </el-select>
</template>
 
<script setup>
import { ref } from 'vue';
 
const selected = ref('');
const options = ref([
  { label: '选项1', value: 'option1' },
  { label: '选项2', value: 'option2' },
  { label: '选项3', value: 'option3' },
]);
</script>

在这个例子中，selected是绑定的模型值，它将会保存用户的选择或输入的文本。options是一个下拉选项数组，包含了用户可以选择的选项。将filterable属性设置为true，使得el-select具备搜索和手动输入的功能。