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>
相关推荐
你脸上有BUG6 分钟前
【工程化】前端打包时间优化
前端
TeleostNaCl8 分钟前
Google Chrome 浏览器历史记录的存储位置
前端·chrome·经验分享
大模型教程14 分钟前
前端可以转型AI工程师吗?那可太能了...
前端·llm·agent
转转技术团队18 分钟前
前端开发应该了解的浏览器背后的黑科技
前端
2503_9284115620 分钟前
12.15 element-plus的一些组件(上)
前端·vue.js
JS_GGbond31 分钟前
JavaScript原型链:一份会“遗传”的家族传家宝
前端·javascript
前端达人32 分钟前
CSS终于不再是痛点:2026年这7个特性让你删掉一半JavaScript
开发语言·前端·javascript·css·ecmascript
阿蒙Amon32 分钟前
JavaScript学习笔记:15.迭代器与生成器
javascript·笔记·学习
JS_GGbond36 分钟前
当JS拷贝玩起了“俄罗斯套娃”:深拷贝与浅拷贝的趣味对决
前端·javascript
code_YuJun39 分钟前
脚手架开发工具——npmlog
前端