vue element-下拉框（可选择可输入）

方式1：在下拉框中新增可选项

优点：实现简单

缺点：输入完后，不能像正常输入框一样，还要对下拉框进行选择。

通过添加属性：filterable ，allow-create ，default-first-option 来实现

示例代码:

template：

<el-select 
v-model="tableDate.wite" 
clearable
filterable 
allow-create 
default-first-option 
>
<el-option v-for="(item,index) in list" 
:key="index"
:label="item" 
:value="item"> 
</el-option> 
</el-select>

方式2：直接向value添加值（推荐）

优点：使用方便

缺点：。。。。。。

实现方式：利用@blur="selectBlur"，失去焦距时，就执行这个方法，将输入的值赋值给绑定的变量

示例代码:

template：

<el-select 
v-model="data" 
placeholder="请选择" 
clearable filterable 
@blur="selectMethod">

<el-option 
v-for="(item,index) in options" 
:key="index" 
:label="item.label" 
:value="item.value" /> 
</el-select>

method：

selectMethod(e) {
 // 意见类型 
if (e.target.value !== '') { 
this.data = e.target.value; //将this.data换成自己的就可以使用 
this.$forceUpdate(); // 强制更新 
} 
},