allow-create 属性需配合 filterable 使用;
default-first-option 属性配合 filterable ,按下回车时自动选择第一个匹配项,即按下回车键时可以将输入数据写上,更好的实现了 el-input 的效果。
给 el-select 绑定一个 blur 事件,参数一定要写成event 是 vue 提供的特殊变量,用来表示原生的事件参数对象 event。
注意要对 e.target.value 进行去除空格的判断:e.target.value.trim ()!== ''
<el-select v-model="type" clearable filterable allow-create default-first-option @blur="onTypeBlur($event)"> | |
<el-option | |
v-for="(item,i) in list" | |
:key="i" | |
:label="item.label" | |
:value="item.value"> | |
</el-option> | |
</el-select> |
onTypeBlur(e) { | |
if (e.target.value.trim()!== '') { | |
//e.target.value 就是录入的内容 | |
this.type = e.target.value; | |
// 如果是对象,要使用 this.$set 方法 | |
// this.$set('typeObj', 'name', e.target.value) | |
} | |
} |