vue中el-select选择框带搜索和输入,根据用户输入的值显示下拉列表

vue中el-select选择框带搜索和输入,根据用户输入的值显示下拉列表,让el-select也可以输入,实现既有el-select也有el-option也可以当el-input。

只需要加上 filterable就可以实现用户自己输入了

  <el-form-item label="备品选择" v-if="form.materialType == '0'">
          <el-select
            v-model="form.selectedBackup"
            placeholder="请选择备品"
            size="small"
            @change="handleBackupChange"
            filterable
          >
            <el-option
              v-for="(item, index) in backupOptions"
              :key="`backup-option-${index}`"
              :label="item.label"
              :value="item.value.articleId"
            ></el-option>
          </el-select>
        </el-form-item>
相关推荐
任尔东西南北风2 分钟前
前端请求工具封装
前端·javascript
刺客_Andy2 分钟前
vue3 第二十九节 (vue3 事件循环之nextTick)
前端·vue.js
Audi_A4L4 分钟前
RxJS的设计原理以及用了哪些设计模式
前端
小鱼冻干5 分钟前
node.js-net模块
前端·node.js
Slow菜鸟12 分钟前
JavaScript与UniApp、Vue、React的关系
javascript·vue.js·uni-app
VT.馒头21 分钟前
【力扣】2629. 复合函数——函数组合
前端·javascript·算法·leetcode
程序猿--豪21 分钟前
前端技术百宝箱
javascript·vue.js·react.js·webpack·gitee·css3·html5
程序员buddha22 分钟前
ThinkPHP8.0+MySQL8.0搭建简单实用电子证书查询系统
javascript·css·mysql·php·layui·jquery·html5
╰つ゛木槿23 分钟前
NPM安装与配置全流程详解(2025最新版)
前端·npm·node.js
每天吃饭的羊41 分钟前
React 性能优化
前端·javascript·react.js