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>
相关推荐
用泥种荷花13 小时前
【前端学习AI】Python环境搭建
前端
老华带你飞13 小时前
考试管理系统|基于java+ vue考试管理系统(源码+数据库+文档)
java·开发语言·前端·数据库·vue.js·spring boot·后端
_Kayo_13 小时前
React上绑定全局方法
前端·javascript·react.js
愈努力俞幸运13 小时前
chrome 扩展(插件)开发入门教程
前端·chrome
练习前端两年半14 小时前
【Vue3 高级技巧】函数重载+Watch:打造类型安全的通用事件监听 Hook
前端·javascript·vue.js
一只小鸟儿14 小时前
门户短信发送验证码及验证功能
前端·javascript·jquery
elangyipi12314 小时前
pnpm :下一代包管理工具的原理与实践
前端·npm
代码的奴隶(艾伦·耶格尔)14 小时前
Sentinel限流熔断
java·前端·sentinel
talenteddriver14 小时前
mysql: MySQL中between子句和limit子句的区别
前端·javascript·数据库
A242073493015 小时前
深入浅出理解AJAX:核心原理与POST/GET区别详解
前端·ajax·okhttp