
el-select 组件失去焦点
el-select 标签设置ref属性后直接绑定失去焦点事件blur,通过blur事件直接进行绑定隐藏下拉框方法,elementUI中提供了失去焦点的方法,其方法名也是blur。代码如下:<el-selectv-model="oldQuery.type"size="mini"placeholder="请选择"ref="fuzzySearch"
·
el-select 标签设置ref属性后直接绑定失去焦点事件blur,通过blur事件直接进行绑定隐藏下拉框方法,elementUI中提供了失去焦点的方法,其方法名也是blur。
代码如下:
<el-select
v-model="oldQuery.type"
size="mini"
placeholder="请选择"
ref="fuzzySearch"
@blur="closeOptions()"
class="queryType">
<el-option
v-for="item in queryType"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
方法如下:
closeOptions() {
this.$refs.fuzzySearch.blur();//通过ref直接绑定对应的selection调用blur方法即可隐藏下拉框
},
官方手册中el-select 组件提供了失去焦点事件blur
blur 方法说明
更多推荐
所有评论(0)