900字范文,内容丰富有趣,生活中的好帮手!
900字范文 > Vue element中select下拉框支持手输搜索也支持下拉选择

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

时间:2019-09-10 20:13:51

相关推荐

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 = valthis.$forceUpdate()},

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

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

this.$forceUpdate()

效果如下图所示:

以上就是问题的解决方案,具体详细的内容可以参考以下博客,讲解的详细

/sunshineTing2/article/details/108978675

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。