el-input @change无法触发 换成@input

onchange 事件的触发条件——onchange 触发需要三个步骤:

  1. input 元素获得焦点
  2. input 元素的值发生变化
  3. 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)
				}
			},
posted @ 2024-05-29 15:24  Neon1204  阅读(711)  评论(0编辑  收藏  举报