Vue Input 失去焦点 @blur事件获得焦点 ref

一、失去焦点

demo 1
关键  @blur
<input  v-model="testVal" @blur="test"></Input>methods: {test(){console.log('testVal-------------    ',testVal)}
}第二种
关键  @blur.native.capture
<input  v-model="testVal"  @blur.native.capture="test"></Input>
methods: {test(){console.log('testVal-------------    ',testVal)}
}

二、获取焦点

demo 1
关键  ref   可用于按钮点击事件连用<input  v-model="testVal"  ref="inputVal"></Input>mounted () {this.$refs.inputVal.focus();
}

个人博客

Vue Input 失去焦点 @blur事件获得焦点 ref相关推荐

VUE 表单input 框使用@blur事件
** VUE 表单input 框使用@blur事件 input 框失去焦点 ,便会触发定义的方法 form表单代码 <el-form-item label="身份证号码:" ...
el-input-number 失去焦点blur事件，
最近遇到了个奇怪的需求,需要代码手动给数字输入框手动触发失焦事件:但是在看了 el-input-number 焦点事件部分的源码后,发现 el-input-number 只有获取焦点focus事件,却 ...
【原】相煎何太急——input的blur事件与button的click事件
先来一段引子,最近在写手机h5页面,主要是一些登陆注册方面的,最绕不开的就是表单元素. 我想实现的是:在输入框后边有一个删除图标,当输入东西的时候触发事件,显示删除图标,点击该图标会删除之前输入的内容 ...
Focus事件与blur事件
一.简介 Focus事件.当元素获得焦点时,触发focus事件.当通过鼠标点击或选中元素或通过tab键定位到元素时,该元素就会获得焦点.Focus()方法触发focus事件,或规定当发生focus事件 ...
Vue中的@blur事件当元素失去焦点时所触发的事件
@blur 是什么? @blur 是当元素失去焦点时所触发的事件 @blur 怎么使用? <template><div><input type=&qu ...
el-input中，输入input和失去焦点blur时进行校验——正则表达式之只能输入数字和大写字母只能输入数字颜色值的正则表达式-3位和6位标签的回车事件
el-input中,输入input和失去焦点blur时进行校验--正则表达式之只能输入数字和大写字母 & 只能输入数字 & 颜色值的正则表达式-3位和6位 & 标签的回车事件 ...
jquery 输入框失去焦点时 (blur)事件
jquery判断input输入框的值,用到input事件,blur事件,focus事件需求:当输入框有字或者正在输入时,右边的圆形取消按钮才出现.否则不出现. //输入框正在输入时$("# ...
jq 让input框失去焦点_input输入框获得、失去焦点添加事件
onFocus:当输入框获得焦点后这两个JavaScript事件是写在html标签中的例如: 使用jQuery的实现方法为: 对于元素的焦点事件,我们可以使用jQuery的焦点函数focus(),b ...
Vue input的blur事件影响下拉框中点击事件的解决方案用mousedown/mousedown替代click
最近遇到一个需求,输入框输入关键词,要出一个带输入建议的弹框,类似于ElementUI自带的<el-autocomplete>,只是需求中的弹框底部有个分页功能,因此用不了自带的<e ...

Vue Input 失去焦点 @blur事件获得焦点 ref

Vue Input 失去焦点 @blur事件获得焦点 ref相关推荐

最新文章

热门文章

Vue Input 失去焦点 @blur事件 获得焦点 ref

Vue Input 失去焦点 @blur事件 获得焦点 ref相关推荐

最新文章

热门文章

Vue Input 失去焦点 @blur事件获得焦点 ref

Vue Input 失去焦点 @blur事件获得焦点 ref相关推荐