问题

输入非数字后,触发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双向绑定失效问题

Logo

魔乐社区(Modelers.cn) 是一个中立、公益的人工智能社区,提供人工智能工具、模型、数据的托管、展示与应用协同服务,为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作,由全产业链共同建设、共同运营、共同享有,推动国产AI生态繁荣发展。

更多推荐