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>

相关推荐
xxy-mm1 小时前
Javascript 中的继承
开发语言·javascript·ecmascript
1024肥宅3 小时前
手写 EventEmitter:深入理解发布订阅模式
前端·javascript·eventbus
EveryPossible4 小时前
google搜索框
vue.js
3秒一个大5 小时前
HTML5 与 JavaScript 中的二进制数据处理:ArrayBuffer 与 TextEncoder/Decoder 实践
javascript
purpleseashell_Lili5 小时前
如何学习 AG-UI 和 CopilotKit
javascript·typescript·react
LSL666_6 小时前
4 jQuery、JavaScript 作用域、闭包与 DOM 事件绑定
前端·javascript·html
小飞侠在吗7 小时前
vue computed 和 watch
前端·javascript·vue.js
诸葛老刘7 小时前
next.js 框架中的约定的特殊参数名称
开发语言·javascript·ecmascript
毕设十刻7 小时前
基于Vue的考勤管理系统8n7j8(程序 + 源码 + 数据库 + 调试部署 + 开发环境配置),配套论文文档字数达万字以上,文末可获取,系统界面展示置于文末
前端·数据库·vue.js
coding随想8 小时前
掌控选区的终极武器:getSelection API的深度解析与实战应用
java·前端·javascript