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>

相关推荐
zy happy2 小时前
若依 vue3 报错:找不到模块“@/api/xxxx/xxxxx”或其相应的类型声明。。Vue 3 can not find mod
前端·javascript·vue.js
meichaoWen2 小时前
【Vue3】vue3的全面学习(一)
前端·javascript·学习
Q***l6873 小时前
Vue增强现实案例
前端·vue.js·ar
b***74884 小时前
Vue开源
前端·javascript·vue.js
ByteCraze5 小时前
我整理的大文件上传方案设计
前端·javascript
前端小白۞6 小时前
vue2 md文件预览和下载
前端·javascript·vue.js
u***u6856 小时前
Vue云原生
前端·vue.js·云原生
OpenTiny社区6 小时前
TinyEngine 低代码实时协作揭秘:原理 +实操,看完直接用!
前端·vue.js·低代码
喵个咪6 小时前
go-kratos-admin 技术栈深度解析:为什么选 Golang+Vue3 这套组合?
vue.js·go
5***79007 小时前
Vue项目性能优化
前端·javascript·vue.js