el-input 双向绑定失效

<el-input v-model="ruleForm.textX" οninput="value=value.replace(/\^\\d,/g,'')" ></el-input>

项目需要只能输入数字,所有使用oninput+正则来限制用户输入,但是在使用中文输入法输入按shift切换到英文输入法时,再输入的数字会获取不到,这个时候发现双向绑定失效,所以需要重新赋值,改成以下代码可以实现

<el-input v-model="ruleForm.textX" οninput="value=value.replace(/\^\\d,/g,'')" @blur="ruleForm.textX = $event.target.value" ></el-input>

相关推荐
Agatha方艺璇13 小时前
VUE复习笔记
前端·vue.js
大家的林语冰13 小时前
npm 不忍了,正式上线“阶段式发布“的新功能,进一步对抗频繁的供应链攻击!
前端·javascript·node.js
葛兰岱尔14 小时前
从 SolidWorks 到 Three.js,从 Inventor 到 Unity——制造业CAD模型“几何-语义一体化“转换,不再是天方夜谭!
开发语言·javascript·unity
zzqssliu14 小时前
基于Laravel + Express.js的代购系统多语言多货币架构设计
javascript·express·laravel
水煮白菜王14 小时前
高德地图"未获得商用授权"水印临时移除方案
前端·javascript
chushiyunen14 小时前
vue el-pagination实现分页
javascript·vue.js·elementui
by————组态14 小时前
Ricon组态可视化编辑器 - 所见即所得的工业画布
前端·javascript·物联网·架构·编辑器·组态
光影少年15 小时前
react大列表优化:虚拟列表原理
前端·javascript·react.js
如烟花的信页15 小时前
外贸*登录逆向分析
javascript·爬虫·python·js逆向