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>

相关推荐
小菜全9 分钟前
打包 Uniapp
javascript·vue.js·html5
itslife14 分钟前
实现 Promise
前端·javascript
一枚前端小能手18 分钟前
🔥 老板要的功能Webpack没有?手把手教你写个插件解决
前端·javascript·webpack
至善迎风21 分钟前
使用国内镜像源解决 Electron 安装卡在 postinstall 的问题
前端·javascript·electron
xrkhy44 分钟前
ElementUI之Upload 上传的使用
前端·elementui
Mintopia2 小时前
实时 AIGC:Web 端低延迟生成的技术难点与突破
前端·javascript·aigc
Mintopia2 小时前
Next.js 性能优化双绝:Image 与 next/font 的底层修炼手册
前端·javascript·next.js
小菜全2 小时前
使用UniApp实现下拉框和表格组件页面
开发语言·前端·javascript·elementui·前端框架·html
小高0073 小时前
🔥🔥🔥Vue部署踩坑全记录:publicPath和base到底啥区别?99%的前端都搞错过!
前端·vue.js·面试