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>
相关推荐
深职第一突破口喜羊羊43 分钟前
记一次electron开发插件市场遇到的问题
javascript·electron
cypking1 小时前
electron中IPC 渲染进程与主进程通信方法解析
前端·javascript·electron
西陵1 小时前
Nx带来极致的前端开发体验——借助playground开发提效
前端·javascript·架构
Britney⁺♛&?ꪶꪫꪜꫀ1 小时前
Vue2上
vue.js·npm
江城开朗的豌豆1 小时前
Element UI动态组件样式修改小妙招,轻松拿捏!
前端·javascript·vue.js
float_六七2 小时前
JavaScript:现代Web开发的核心动力
开发语言·前端·javascript
zhaoyang03012 小时前
vue3笔记(2)自用
前端·javascript·笔记
UrbanJazzerati2 小时前
JavaScript Promise完整指南
javascript
德育处主任Pro2 小时前
# JsSIP 从入门到实战:构建你的第一个 Web 电话
前端
拾光拾趣录2 小时前
setTimeout(1) 和 setTimeout(2) 的区别
前端·v8