el-input @change无法触发 换成@input
onchange 事件的触发条件——onchange 触发需要三个步骤:
- input 元素获得焦点
- input 元素的值发生变化
- input 元素失去焦点
如果要在change事件触发接口校验手机号是否存在后台,有局限:1失去焦点才校验 2值变化原来的值不会触发
换成就@input
change事件在带参数的情况下,获取不到当前输入值。
传递给input事件的必须是一个function才能得到value值
点击查看代码
<el-form-item prop="phonenumber">
<el-input
@input="e => handleNumChange(e)"
v-model="forgetForm.phonenumber"
@keyup.enter.native="submitForm()"
type="text"
autocomplete="off"
placeholder="手机号"
></el-input>
</el-form-item>
handleNumChange(value) {
if (value.length === 11) {
if (this.debounceTimer) {
clearTimeout(this.debounceTimer)
}
this.debounceTimer = setTimeout(async () => {
this.handelCheckHavePhone(this.forgetForm.phonenumber)
}, 200)
}
},