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>

相关推荐
阿巴阿巴Ovo4 分钟前
类似mac dock的tab切换组件
前端·vue.js
营赢盈英26 分钟前
How to see if openAI (node js) createModeration response “flagged“ is true
javascript·ai·node.js·openai·api
J不A秃V头A34 分钟前
el-table:根据 scope.row.type 的值来显示不同的类型
javascript·vue.js·elementui
J不A秃V头A41 分钟前
ElementPlus表单验证报错 formEl.validate is not a function
javascript·vue.js·elementui
javachen__42 分钟前
vue el-dialog嵌套解决无法点击问题
vue.js·elementui
积跬步DEV2 小时前
Claude Prompt 汉语新解
开发语言·前端·javascript
GHUIJS2 小时前
【Echarts】使用多横坐标轴展示近十五天天气预报
javascript·echarts
计算机学姐2 小时前
基于python+django+vue的社区爱心养老管理系统
开发语言·vue.js·后端·python·mysql·django·web3.py
正小安2 小时前
使用Nignx打包前端项目
前端·vue.js·nginx·阿里云
m87里的光2 小时前
vue3子组件向父组件传值
javascript·vue.js·elementui