Vue element中select下拉框支持手输搜索也支持下拉选择

需要一个可以手输也可以选择的下拉框

代码如下：

filterable 是可以搜索的

<el-select v-model="table.queryParams.prequalificationUserId" 
placeholder="请选择预审员" clearable 
filterable
@blur="selectBlur"
@clear="selectClear"
@change="selectChange">
<el-option v-for="item in prequalificationList" :key="item.id" :label="item.name"
           :value="item.id"></el-option>
</el-select>

methods方法代码如下：

selectBlur(e) {
// 意见类型
 if (e.target.value !== '') {
   this.value = e.target.value;
   this.$forceUpdate()   // 强制更新
 }
},
selectClear() {
 this.value = ''
 this.$forceUpdate()
},
selectChange(val) {
 this.value = val
 this.$forceUpdate()
},

注: 使用Vue开发时，在函数中改变了页面中的某个值，在函数中查看是修改成功了，但在页面中没有及时刷新改变后的值；

赋值成功后也可以使用以下方法进行强制刷新：

this.$forceUpdate()

效果如下图所示：

以上就是问题的解决方案，具体详细的内容可以参考以下博客，讲解的详细
https://blog.youkuaiyun.com/sunshineTing2/article/details/108978675