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>

相关推荐
yqcoder13 小时前
深入理解 JavaScript:什么是可迭代对象 (Iterable)?
开发语言·javascript·网络
kyriewen1113 小时前
我开发的 Chrome 扒图浏览器插件又更新了❗
前端·javascript·chrome·科技·ai
晓得迷路了14 小时前
栗子前端技术周刊第 128 期 - Rolldown 1.0、Vitest、Node.js 26.0.0...
前端·javascript·css
qingy_204614 小时前
浏览器页面出现竖向滚动条的解决方案
前端·javascript·vue.js
前端小万14 小时前
用 AI 写了个 VSCode 摸鱼插件,从开发到上架全过程
vue.js
蜡台14 小时前
Vue3 + ECharts 实现地图显示,深蓝色科技风地图、涟漪点、向上连线 ,标签
vue.js·科技·echarts·map·地图
之歆14 小时前
DAY_17深度博客:CSS 响应式布局 · BFC · JavaScript 完全指南(下)
前端·javascript·css
光影少年14 小时前
React18 函数组件执行顺序、严格模式下重复执行问题
前端·javascript·react.js
之歆14 小时前
DAY_20JavaScript 条件语句与循环结构深度学习(一)
前端·javascript
iuu_star14 小时前
跑通最简单的Vue3+Python前后端分离项目
前端·vue.js·python