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>

相关推荐
汝生淮南吾在北20 分钟前
SpringBoot+Vue饭店点餐管理系统
java·vue.js·spring boot·毕业设计·毕设
酒尘&3 小时前
JS数组不止Array!索引集合类全面解析
开发语言·前端·javascript·学习·js
用户47949283569155 小时前
"讲讲原型链" —— 面试官最爱问的 JavaScript 基础
前端·javascript·面试
用户47949283569155 小时前
2025 年 TC39 都在忙什么?Import Bytes、Iterator Chunking 来了
前端·javascript·面试
JIngJaneIL5 小时前
基于Java非遗传承文化管理系统(源码+数据库+文档)
java·开发语言·数据库·vue.js·spring boot
+VX:Fegn08955 小时前
计算机毕业设计|基于springboot + vue心理健康管理系统(源码+数据库+文档)
数据库·vue.js·spring boot·后端·课程设计
大怪v6 小时前
【Virtual World 04】我们的目标,无限宇宙!!
前端·javascript·代码规范
蓝瑟9 小时前
告别重复造轮子!业务组件多场景复用实战指南
前端·javascript·设计模式
老华带你飞9 小时前
旅游|基于Java旅游信息系统(源码+数据库+文档)
java·开发语言·数据库·vue.js·spring boot·旅游
韭菜炒大葱9 小时前
别等了!用 Vue 3 让 AI 边想边说,字字蹦到你脸上
前端·vue.js·aigc