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>
相关推荐
We་ct10 分钟前
LeetCode 136. 只出现一次的数字:线性时间+常量空间最优解拆解
前端·算法·leetcode·typescript·位运算
HAPPY酷16 分钟前
3A游戏图形设置终极优化指南:从通用法则到实战应用
java·前端·游戏
达达爱吃肉17 分钟前
openclaw 4.2 飞书出图的bug
java·前端·数据库
lightqjx22 分钟前
【前端】前端学习二之CSS
前端·css·学习·html
IT东22 分钟前
Vue 多环境部署全解析:解决测试与生产一致性难题
前端·javascript·vue.js
of Watermelon League26 分钟前
Redis 通用命令
前端·redis·bootstrap
chxii27 分钟前
配置Nginx 的 Keepalive 提升每秒查询率(QPS)
前端·nginx
xnkyn29 分钟前
frp内网穿透https访问本地服务,frpee客户端https教程
前端·后端·网络协议·http·https
布局呆星2 小时前
Vue3 计算属性|从基础缓存到可读写
前端·javascript·vue.js
ZPC82109 小时前
如何创建一个单例类 (Singleton)
开发语言·前端·人工智能