el-input-number 失去焦点blur事件，

最近遇到了个奇怪的需求，需要代码手动给数字输入框手动触发失焦事件；但是在看了 el-input-number 焦点事件部分的源码后，发现 el-input-number 只有获取焦点focus事件，却没有失去焦点的事件：

后来再阅读了 el-input-number的 template部分的源码后；发现el-input-number封装的el-input部分是由input绑定的ref属性：

最后的解决方案是由$ref获取到的 el-input-number 实例获取input组件实例去执行失去焦点blur事件，代码如下：

this.$refs.elInputNumber.$refs.input.blur()

el-input-number 失去焦点blur事件，相关推荐

el-input中，输入input和失去焦点blur时进行校验——正则表达式之只能输入数字和大写字母只能输入数字颜色值的正则表达式-3位和6位标签的回车事件
el-input中,输入input和失去焦点blur时进行校验--正则表达式之只能输入数字和大写字母 & 只能输入数字 & 颜色值的正则表达式-3位和6位 & 标签的回车事件 ...
Vue Input 失去焦点 @blur事件获得焦点 ref
一.失去焦点 demo 1 关键 @blur <input v-model="testVal" @blur="test"></Input> ...
子节点含有表单元素的div元素的blur事件
1.div元素的blur事件 blur事件一般在表单元素如input元素才是存在的,对div.span等元素时无效的,但是可以给div元素加上tabindex属性,也可以让div等元素有焦点,所以bl ...
【杂记】（input获取焦点失去焦点、获取input中输入的值、键盘事件、js事件、Math 属性、手机自适应meta定义、去掉input内置阴影、图片居中、去蓝色默认背景、点击去掉默认边框）
1. input获取焦点失去焦点 input:focus{border:1px red solid:} 获取焦点 .focus()失去焦点.blur() 2. 获取input中输入的值 <inp ...
踩坑 - click事件与blur事件冲突问题 input文件上传同名文件问题
前言上周写需求遇到了一点小坑涉及到一些小细节,今天赶上没啥事总结一下分享出来. click事件与blur事件冲突问题 click事件与blur事件 blur事件: 表单事件,元素失去焦点时候触发,不 ...
【原】相煎何太急——input的blur事件与button的click事件
先来一段引子,最近在写手机h5页面,主要是一些登陆注册方面的,最绕不开的就是表单元素. 我想实现的是:在输入框后边有一个删除图标,当输入东西的时候触发事件,显示删除图标,点击该图标会删除之前输入的内容 ...
jquery 输入框失去焦点时 (blur)事件
jquery判断input输入框的值,用到input事件,blur事件,focus事件需求:当输入框有字或者正在输入时,右边的圆形取消按钮才出现.否则不出现. //输入框正在输入时$("# ...
VUE 表单input 框使用@blur事件
** VUE 表单input 框使用@blur事件 input 框失去焦点 ,便会触发定义的方法 form表单代码 <el-form-item label="身份证号码:" ...
Vue中的@blur事件当元素失去焦点时所触发的事件
@blur 是什么? @blur 是当元素失去焦点时所触发的事件 @blur 怎么使用? <template><div><input type=&qu ...

el-input-number 失去焦点blur事件，

el-input-number 失去焦点blur事件，相关推荐

最新文章

热门文章