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>

相关推荐
凡人程序员5 分钟前
搭建简易版monorepo + turborepo
前端·javascript
不努力也不会混6 分钟前
vite联邦实现微前端(vite-plugin-federation)
前端·vue.js
Heo10 分钟前
原来Webpack在大厂中这样进行性能优化!
前端·javascript·vue.js
涔溪11 分钟前
Vue2 项目中通过封装 axios 来同时连接两个不同的后端服务器
前端·vue.js·axios
颜酱24 分钟前
CLI 工具开发的常用包对比和介绍
前端·javascript·node.js
月下点灯1 小时前
🔄记住这张图,脑子跟着浏览器的事件循环(Event Loop)转起来了
前端·javascript·浏览器
百***35482 小时前
JavaScript在Node.js中的集群部署
开发语言·javascript·node.js
光影少年2 小时前
node.js和nest.js做智能体开发需要会哪些东西
开发语言·javascript·人工智能·node.js
南山安2 小时前
栈(Stack):从“弹夹”到算法面试题的进阶之路
javascript·算法·面试
烟袅2 小时前
作用域链 × 闭包:三段代码,看懂 JavaScript 的套娃人生
前端·javascript