Vue Input 失去焦点 @blur事件 & 获得焦点 ref
一、失去焦点demo 1关键@blur<inputv-model="testVal" @blur="test"></Input>methods: {test(){console.log('testVal-------------',testVal)}}第二种关键@blur.native.capture<inputv-model="testVal"@blur.nativ
·
一、失去焦点
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();
}
更多推荐
已为社区贡献2条内容
所有评论(0)