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>
相关推荐
亲亲小宝宝鸭5 分钟前
Ctrl ACV工程师的提效之路:删掉项目中的冗余
前端
kyriewen8 分钟前
DOM树与节点操作:用JS给网页“动手术”
前端·javascript·面试
米饭同学i12 分钟前
基于腾讯云COS的小程序素材上传功能实现
前端·javascript·react.js
cxxcode12 分钟前
前端性能指标接入 Prometheus 技术方案
前端
辣椒炒代码12 分钟前
🚀 AI Agent 入门实战:基于 LangChain + MCP 构建智能导游助手
前端
ruanCat17 分钟前
前端工程化工具链从零配置:simple-git-hooks + lint-staged + commitlint
前端·git·代码规范
光影少年19 分钟前
如何开发一个CLI工具?
javascript·测试工具·前端框架·node.js
哈__29 分钟前
ReactNative项目OpenHarmony三方库集成实战:react-native-fingerprint-scanner
javascript·react native·react.js
晴栀ay33 分钟前
Generator + RxJS 重构 LLM 流式输出的“丝滑”架构
javascript·后端·llm
Jackson__40 分钟前
AI时代,前端开发者到底还剩下什么?又该往哪里走?
前端·ai编程