问题
输入非数字后,触发onkeyup,输入框显示为空,但是examRequestId值为之前输入的非数字,双向绑定失效
<el-form-item label="检查编号">
<el-input
size="small"
clearable
v-model="examRequestId"
onkeyup="value=value.replace(/[^\d]/g,'')"
placeholder="请输入"
></el-input>
</el-form-item>
解决
onkeyup="value=value.replace(/[^\d]/g,'')"
限制只能输入数字
@blur="formInline.phone.value = $event.target.value"
重新绑定数值
<el-form-item label="检查编号">
<el-input
size="small"
clearable
v-model="examRequestId"
onkeyup="value=value.replace(/[^\d]/g,'')"
@blur="examRequestId = $event.target.value"
placeholder="请输入"
></el-input>
</el-form-item>
参考:
解决el-input oninput onkeyup 绑定输入框 输入中文 双向绑定失效
el-input输入框使用oninput或onkeyup后,v-model双向绑定失效问题