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 方法说明

 

 

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐