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();
}

个人博客