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>

相关推荐
Можно3 小时前
深入理解 ES6 Proxy:与 Object.defineProperty 的全面对比
前端·javascript·vue.js
天天向上10245 小时前
vue el-table实现拖拽排序
前端·javascript·vue.js
西西学代码5 小时前
Flutter---回调函数
开发语言·javascript·flutter
卷帘依旧5 小时前
JavaScript 闭包经典问题:为什么输出 10 次 i=10
javascript
柳杉6 小时前
Three.js × Blender:从建模到 Web 3D 的完整工作流深度解析
前端·javascript·数据可视化
reembarkation7 小时前
vue3中使用howler播放音频列表
前端·vue.js·音视频
用户806138166597 小时前
发布为一个 npm 包
前端·javascript
TT_哲哲7 小时前
小程序双模式(文件 / 照片)上传组件封装与解析
前端·javascript
从文处安8 小时前
「九九八十一难」从回调地狱到异步秩序:深入理解 JavaScript Promise
前端·javascript
要换昵称了8 小时前
Axios二次封装及API 调用框架
前端·vue.js