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>
相关推荐
前端炒粉3 小时前
35.LRU 缓存
开发语言·javascript·数据结构·算法·缓存·js
巧克力芋泥包4 小时前
前端使用阿里云图形验证码;并且与安卓进行交互
android·前端·阿里云
G***E3165 小时前
前端GraphQLAPI
前端
lumi.5 小时前
Vue + Element Plus 实现AI文档解析与问答功能(含详细注释+核心逻辑解析)
前端·javascript·vue.js·人工智能
z***I3945 小时前
VueGraphQLAPI
前端
S***t7146 小时前
Vue面试经验
javascript·vue.js·面试
粉末的沉淀7 小时前
css:制作带边框的气泡框
前端·javascript·css
p***h6438 小时前
JavaScript在Node.js中的异步编程
开发语言·javascript·node.js
N***73858 小时前
Vue网络编程详解
前端·javascript·vue.js
e***71678 小时前
Spring Boot项目接收前端参数的11种方式
前端·spring boot·后端