<el-input>输入框使用oninput或onkeyup后,v-model双向绑定失效问题
问题输入非数字后,触发onkeyup,输入框显示为空,但是examRequestId值为之前输入的非数字,双向绑定失效<el-form-item label="检查编号"><el-inputsize="small"clearablev-model="examRequestId"onkeyup="value=value.replace(/[^\d]/g,'')"placeholde
·
问题
输入非数字后,触发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双向绑定失效问题
魔乐社区(Modelers.cn) 是一个中立、公益的人工智能社区,提供人工智能工具、模型、数据的托管、展示与应用协同服务,为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作,由全产业链共同建设、共同运营、共同享有,推动国产AI生态繁荣发展。
更多推荐



所有评论(0)