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 分钟前
JitArchives,一款基于JitWord协同AI文档打造的企业级电子档案系统
前端·vue.js·github
陈随易8 分钟前
Node.js 2026上半年都有哪些性能提升?
前端·后端·程序员
墨林陌34 分钟前
AI 热点日报(2026-11-09):苹果代理式Siri曝光,Anthropic推进IPO,编码智能体实测翻车
前端
vipxieliang36 分钟前
JavaScript 迭代器与生成器:控制异步与惰性求值
前端·javascript
Hilaku44 分钟前
Event Loop 这篇你看完就不用再看别的了!
前端·javascript·程序员
恋猫de小郭1 小时前
Flutter 下 AOT 一个你怎么都想不出来的 Bug ,JIT 正常的计算,在 AOT 居然算错了
android·前端·flutter
晓得迷路了2 小时前
栗子前端技术周刊第 153 期 - Vitest 5.1、Remix v3.2、Node.js 27 Alpha...
前端·javascript·vite
系统集成-鹰翔2 小时前
ERP单据已作废为什么商品仍不能删除,引用检查与软删除怎么查
javascript·经验分享·后端
Moment2 小时前
Harness Engineering 为什么是 AI Coding 的工程底座 ❓❓❓
前端·后端·面试