el-select 组件失去焦点

el-select 标签设置ref属性后直接绑定失去焦点事件blur，通过blur事件直接进行绑定隐藏下拉框方法，elementUI中提供了失去焦点的方法，其方法名也是blur。

代码如下：

          <el-selectv-model="oldQuery.type"size="mini"placeholder="请选择"ref="fuzzySearch"@blur="closeOptions()"class="queryType"><el-optionv-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 方法说明

el-select 组件失去焦点相关推荐

elementui select组件选中后无法自动刷新更新值渲染到页面中
2019独角兽企业重金招聘Python工程师标准>>> elementui select更改选中值后,无法渲染到页面中? 在select组件中添加了@visible-change=& ...
组件三层_Angular 练级之旅(8)-Zorro Select组件的实现和进阶
很久没写相关的文章,正好前两天把抄来的Select组件重写了一下,简化了一些逻辑. 先看下zorro 中select组件的一个目录结构 zorro将select组件分成了三大块 Input / 选择 ...
关于Element UI中select组件中遇到的问题
问题一:在使用select组件设置多选功能后,窗口抖动问题? 详细描述:在我使用select做多选的功能时出现了窗口抖动的问题,测试的时候发现,在有些人的电脑上抖动,有些人的电脑上不抖,找了很多文档, ...
改变select组件的option选中状态的快捷方法
以前我都是在<option>标签处通过判断value是否与其中一个相同然后输出selected="selected"来处理的,今天发现可以直接能过Js改变<sel ...
elementUI select组件value值注意事项
select组件的使用方式就不细说,可查看select组件使用方式主要要说一下注意事项: select组件可以动态生成option选项,option选项绑定对应的文本值和value值. 有时候我们发 ...
ivew select组件 DatePicker组件的清空
<Form ref="formInline" :model="formInline" :rules="ruleInline" inli ...
ng-alain php,在angular中基于ng-alain如何定义自己的select组件？
这篇文章主要介绍了angular基于ng-alain定义自己的select组件示例,现在分享给大家,也给大家做个参考. 1.首先是my-select2.component.html页面,这里是在ng- ...
jQuery weui Select组件显示指定值
jQuery weui有个支持单选或者多选的select弹出层,默认他是这样的第2部分选择什么值,第1部分就显示什么值,一般的场景支持是没问题了,但本次开发碰到了一个问题. 需求描述: 职业名称后面 ...
iview 下拉select样式_iview的select组件的列表样式和点击都无效
iview的select组件用按需引入的方式加载这个组件之后列表样式和点击都无效,但是在main.js全局引入iview之后再用这个select组件又没有这个问题,main.js里面只引入了样式文件, ...
iView框架Select组件
问题描述先看看Select组件的意思: 简单来说,就是下拉选择,可以多选可以单选.如果是多选,绑定的数据就是数组,否则就是单个数据. 有个需求,在Vue中使用Select组件,支持多选,选择某一项, ...

el-select 组件失去焦点

el-select 组件失去焦点相关推荐

最新文章

热门文章