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()

效果如下图所示：

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

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

Select下拉框支持搜索，jq插件，使用超级简单！
Select搜索下拉框 1.引入下拉框搜索所需js文件和css文件: 下载地址(免费):中文搜索下载 <%--下拉框支持搜索--%><script type="text/j ...
Vue项目中使用基于pdf.js的vue-pdf插件在pc浏览器下阅览PDF文件
最近项目中需求为在浏览器上阅览PDF格式的文件,之前没有写过,随即上网查阅,发现大家常使用的为两个插件. 其一是火狐出品的pdf.js,github地址:https://github.com/mozi ...
html搜索框如何加下拉框,js实现带搜索功能的下拉框
本文实例为大家分享了js实现带搜索功能的下拉框,供大家参考,具体内容如下 1.介绍在实现下拉框的时候,如果用select+option可以在满足pc端的需求,但如果需应用到手机端,由于select的 ...
element 中select下拉框和el-popover下拉框位置偏移的情况
出现改问题的原因是下拉的定位信息在body中,只需要将定位置于父组件即可解决. <el-select :teleported="false" v-model="d ...
element中select默认选中第一个_探索在网页中使用“标注”
github地址:https://github.com/1314mxc/yunUI ,欢迎star! 说起"标注",在HTML5之前,你可能想起的是各种浏览器插件,emmmmmmm ...
vue+element实现Select 选择器的远程搜索、滚动加载
1.html结构: <el-selectv-model.trim="query.enEnterpriseBaseId"v-loadmore="loadMore&qu ...
vue + element中el-table导出excel
第一步: 安装依赖: npm install --save xlsx file-saver 这里安装了两个依赖插件,感兴趣的读者可以去点开下面的链接,查看源码: https://github.com/ ...
vue+element中引入百度地图
❤️❤️❤️ Topology可视化绘图引擎 ❤️❤️❤️ 前言: 您好,我是csdn-尔嵘,如果您需要雨伞,可以去TaoBao搜:华,诚,荣,邦,百,货谢谢您的支持! 1.首先你需要下载npm模 ...
vue + element 中tab标签页拖拽(拖动) sortablejs插件实现
tab签拖拽更换位置业务需求效果图 1.npm安装sortable.js 2.html代码块 3. 在script下导入 4.js逻辑片段(**const el 必须找到自己拖拽的那一列** ) ...

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

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

代码如下：

methods方法代码如下：

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

最新文章

热门文章