最近在工作过程中使用el-select,添加了filterable 之后,发现@blur输入框的失焦事件失效了,可以通过以下方式解决
- 在el-select标签中通过ref打标记,然后通过@focus事件来解决blur失焦事件失效的问题
<el-select v-model="formData.selectData" multiple filterable placeholder="请选择" ref="selectInput" @focus="changeSelectedCondition">
<el-option
v-for="(item,index) in SelectOptions"
:key="index"
:value="item.id"
:label="item.name"
></el-option>
</el-select>
changeSelectedCondition () {
this.$refs['selectInput'].$refs.input.blur = () => {
console.log("发现失焦时触发了该事件")
}
},