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>

相关推荐
ZJU_统一阿萨姆43 分钟前
【DSH】如何将 DeepSeek Harness 嵌入生产环境?万字解构 DeepSeek Agent Harness 的运行机制与安全边界
前端·javascript·安全
sunly_2 小时前
TypeScript总结:16、面向对象速查
前端·javascript·typescript
张元清2 小时前
React useInterval Hook:没有过期闭包的 setInterval (2026)
javascript·react.js
MXN_小南学前端2 小时前
React超长文本域中实现“返回顶部”浮动按钮
前端·javascript·react.js
gs801403 小时前
解构 Cordis:面向“时空可组合性”的 TypeScript 元框架深度剖析
前端·javascript·typescript
Highcharts.js3 小时前
Highcharts大数据渲染模块Boost实战与参数最佳实践表
javascript·数据可视化·boost·highcharts·大数据渲染·加速配置·参数表
岁岁种桃花儿3 小时前
Vue核心语法第一篇:Vue是什么?
前端·javascript·vue.js
Highcharts.js4 小时前
数据可视化避坑指南 ——开发中常见图表错误与修复方案
javascript·信息可视化·数据可视化·highcharts·数据可视化避坑·修复方案
观无4 小时前
若依EasyExcel实现单元格合并
开发语言·前端·javascript
xiaohaiAIgeo4 小时前
【2026年】HG/T 20656-2024化工暖通空调设计规范:新版标准的变化与影响
java·前端·javascript·科普知识