VUE的select下拉框设置模糊搜索

效果如图:

当SELECT下拉组件有很多数据行时难以滑动数据框找到目标行,增加搜索后可以匹配模糊搜索快速定位目标行

代码很简单,在el-select中增加filterable即可。网上有些做得比较复杂,我百度时候开始也COPY代码过来实现不了,知道百度到这个。


<el-form-item label="收入项目" label-width="120px">

  <el-select v-model="listQuery.TOLLCODE" class="filter-item" placeholder="收入项目" filterable clearable>

    <el-option v-for="item in TOLLITEMLIST" :key="item.TOLLCODE" :label="item.TOLLCODE+item.TOLLNAME" :value="item.TOLLCODE" />

  </el-select>

</el-form-item>



VUEselect搜索
发表:2022-11-19 00:00:00view: 119
局域网内无互联网停车场出入自动管理系统
发表:2022-08-09 00:00:00view: 145
适用于培训学校、幼儿园、早教。
发表:2022-07-06 00:00:00view: 212
洗鞋连锁店数字化运营系统,降低经营成本,一体化厂房提高洗鞋工作效率
发表:2022-06-07 00:00:00view: 502
温湿度监控系统使用背景,药材,医疗,食品保存和冷链运输中的可视化监控
发表:2022-08-06 00:00:00view: 415
免费汽车维修管理系统,配件出入库管理,维修单据录入和打印,客户管理,财务管理
发表:2022-02-03 00:00:00view: 404
电脑,微信小程序都能访问,系统支持自动核算成本,业绩统计,订单拆分下单
发表:2022-03-19 00:00:00view: 237
此时由于申请单处于待审批状态,车辆锁住中,其他人员不能申请该辆车,造成时间上的浪费。
发表:2022-09-03 00:00:00view: 187
手机端可控制道闸管理系统
发表:2022-08-28 00:00:00view: 633
打开手机微信小程序搜索“派车堂”或扫太阳码码进入小程序
发表:2021-12-17 00:00:00view: 152
支持电脑下单,手机小程序下单,订单持久化保存在服务器不丢失,报单分单给不同供货商,数据图形化统计,数据导出,微信扫码分享订单详情

@2018 bbcweb.cn All Right Reserved.

智能单位车辆管理 解决方案 在线演示 常见问题