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>

相关推荐
Cobyte44 分钟前
17. Vue3 业务组件库按需加载的实现原理
前端·javascript·vue.js
谢尔登1 小时前
原型理解从入门到精通
开发语言·javascript·原型模式
粥里有勺糖1 小时前
视野修炼-技术周刊第127期 | Valdi
前端·javascript·github
码上成长2 小时前
Vue Router 3 升级 4:写法、坑点、兼容一次讲透
前端·javascript·vue.js
qq_398586543 小时前
浏览器中内嵌一个浏览器
前端·javascript·css·css3
abiao19813 小时前
如何在 VSCode 中创建 Vue 项目
ide·vue.js·vscode
西西西西胡萝卜鸡4 小时前
虚拟列表(Virtual List)组件实现与优化铁臂猿版(简易版)
前端·vue.js
宇余4 小时前
Unibest:新一代uni-app工程化最佳实践指南
前端·vue.js
*小雪4 小时前
uniapp写H5授权登录及分享,返回到目标页面
开发语言·javascript·uni-app
性野喜悲4 小时前
ts+uniapp小程序时间日期选择框(分开选择)
前端·javascript·vue.js