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>

相关推荐
贫民窟的勇敢爷们15 小时前
Vue项目性能优化的全流程指南
前端·vue.js·性能优化
之歆15 小时前
DAY_25 JavaScript 原型、原型链与值类型/引用类型 ── 深度全解(下)
开发语言·javascript·ecmascript
酒吧舞高材生15 小时前
vue3 PC端-索引列表组件
前端·vue.js
咪饭只吃一小碗15 小时前
从变量提升到 V8 预编译,彻底搞懂 JS 执行机制
javascript
农夫三拳有点疼=-=15 小时前
vue3实现输入框标签和文本交互
javascript·vue.js·交互
ZC跨境爬虫15 小时前
跟着MDN学HTML_day_47:(Document接口)
前端·javascript·ui·html·ecmascript·音视频
sheeta199815 小时前
vue_vuex笔记
javascript·vue.js·笔记
前端 贾公子15 小时前
从零开始:使用Node.js和Cheerio进行轻量级网页数据提取
前端·vue.js
user2975258761216 小时前
使用SSE实现流式渲染实践
前端·javascript