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>
相关推荐
努力学编程呀(๑•ี_เ•ี๑)7 分钟前
【405】Not Allowed
java·vue.js·nginx·node.js
_Rookie._8 分钟前
npm run 的原理
前端·npm·node.js
木斯佳12 分钟前
前端八股文面经大全:2026-01-13MiniMax前端实习二面面经深度解析
前端·状态模式
远离UE413 分钟前
Blender模型正常导入UE5 FBX 轴向匹配
前端
谭光志14 分钟前
OpenClaw 安装与运行教程
前端·后端·ai编程
+VX:Fegn08951 小时前
计算机毕业设计|基于springboot + vue动漫交流与推荐平台系统(源码+数据库+文档)
数据库·vue.js·spring boot·后端·课程设计
0思必得01 小时前
[Web自动化] Selenium浏览器复用
前端·python·selenium·自动化
之歆1 小时前
Linux 系统安装、故障排除、sudo、加密、DNS 与 Web 服务整理
linux·运维·前端
OpenTiny社区1 小时前
TinyEngine 2.10 版本发布:零代码 CRUD、云端协作,开发效率再升级!
前端·vue.js·低代码
哟哟-1 小时前
Nginx配置:静态文件访问时动态添加时间戳
运维·前端·javascript·nginx