需要一个可以手输也可以选择的下拉框
代码如下:
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 = valthis.$forceUpdate()},
注: 使用Vue开发时,在函数中改变了页面中的某个值,在函数中查看是修改成功了,但在页面中没有及时刷新改变后的值;
赋值成功后也可以使用以下方法进行强制刷新:
this.$forceUpdate()
效果如下图所示:
以上就是问题的解决方案,具体详细的内容可以参考以下博客,讲解的详细
/sunshineTing2/article/details/108978675