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>
相关推荐
鬼谷中妖几秒前
JavaScript 循环与对象:深入理解 for、for...in、for...of、不可枚举属性与可迭代对象
前端
大厂码农老A5 分钟前
你打的日志,正在拖垮你的系统:从P4小白到P7专家都是怎么打日志的?
java·前端·后端
im_AMBER7 分钟前
CSS 01【基础语法学习】
前端·css·笔记·学习
DokiDoki之父10 分钟前
前端速通—CSS篇
前端·css
pixle013 分钟前
Web大屏适配终极方案:vw/vh + flex + clamp() 完美组合
前端·大屏适配·vw/vh·clamp·终极方案·web大屏
ssf198719 分钟前
前后端分离项目前端页面开发远程调试代理解决跨域问题方法
前端
@PHARAOH20 分钟前
WHAT - 前端性能指标(加载性能指标)
前端
尘世中一位迷途小书童25 分钟前
🎨 SCSS 高级用法完全指南:从入门到精通
前端·css·开源
非凡ghost30 分钟前
火狐浏览器(Firefox)tete009 Firefox 多语便携版
前端·firefox
文心快码BaiduComate30 分钟前
文心快码Comate3.5S更新,用多智能体协同做个健康管理应用
前端·人工智能·后端