element-ui在下拉选择的同时可以输入，看官方文档的时候，发现只有allow-create勉强符合需求，可以创建并选中选项中不存在的条目，但是不能满足输入失焦以后就是输入的值，搜了网上一圈，终于找到了答案~使用blur:文章来源地址https://www.toymoban.com/news/detail-580860.html
<!-- allow-create:可以创建并选中选项中不存在的条目 -->
<!-- filterable:可以利用搜索功能快速查找选项 -->
<template>
<el-select v-model="value" allow-create filterable clearable placeholder="请选择" @blur="selectBlur()">
<el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
</el-option>
</el-select>
</template>
data: {
value: '',
options: [{
value: '选项1',
label: '黄金糕'
}, {
value: '选项2',
label: '双皮奶'
}, {
value: '选项3',
label: '蚵仔煎'
}, {
value: '选项4',
label: '龙须面'
}, {
value: '选项5',
label: '北京烤鸭'
}]
},
methods: {
selectBlur(e) {
this.value = e.target.value;
}
}
文章来源：https://www.toymoban.com/news/detail-580860.html
到了这里，关于element-ui 下拉选择同时可输入的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
