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>
相关推荐
问道飞鱼3 分钟前
【Tauri框架学习】Tauri 与 React 前端集成:通信机制与交互原理详解
前端·学习·react.js·rust·通信
霍理迪7 分钟前
Vue列表过滤与排序
前端·javascript·vue.js
gCode Teacher 格码致知8 分钟前
Javascript提高:Node.js readline 模块 完整使用教程
javascript·node.js
牛十二12 分钟前
智能体框架开发实战
运维·服务器·前端
鹅天帝13 分钟前
20230319网安学习日志——XSS漏洞
前端·学习·web安全·网络安全·xss
floret. 小花13 分钟前
Vue3 + Electron 知识点总结 · 2026-03-21
前端·面试·electron·学习笔记·vue3
蓝黑202015 分钟前
Vue的v-if和v-for放在同一个HTML元素里的坑
前端·javascript·vue.js
进击的雷神20 分钟前
展位号后缀清理、详情页JS数据提取、重试机制控制、地址字段重构——美国NPE展爬虫四大技术难关攻克纪实
javascript·爬虫·python·重构
转角羊儿22 分钟前
精灵图案例
开发语言·前端·javascript
大雷神25 分钟前
HarmonyOS APP<玩转React>开源教程十八:课程详情页面
前端·react.js·开源·harmonyos