<input v-model="wkt" @blur="fetchCstype" />
请问一下,我想着当表单有内容时,进入页面自动触发@blur事件,我是直接把事件加入生命周期里面还是怎么改
将 fetchCstype 写成一个函数,然后再进入页面判断有没有值,有值在下一次dom更新,调用一下,fetchCstype 函数不可以吗
你可以使用mounted生命周期钩子函数
当数据wkt不为空时,再手动调用fetchCstype方法,从而触发@blur事件
input没有聚焦focus
,怎么触发失去焦点blur
,你想达到什么效果?
<template>
<div>
<input ref="wkt" v-model="wkt" @blur="fetchCstype" />
</div>
</template>
<script>
export default {
data () {
return {
wkt: ''
}
},
created () {
this.wkt = '123'
},
mounted () {
this.$refs.wkt.focus() // 聚焦
this.$refs.wkt.blur() // 失焦
},
methods: {
// 失去焦点事件
fetchCstype (e) {
console.log(e.target.value)
}
}
}
</script>