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>

相关推荐
The Sheep 20238 分钟前
EFcore 查询数据
java·javascript
怕浪猫12 分钟前
Electron 开发实战(七):网络通信与 API 集成全解
前端·javascript·electron
暗中讨饭xdm20 分钟前
立体echarts柱状图咋做
前端·vue.js·echarts
w_t_y_y36 分钟前
vue父子组件通信(一)父子调用和通信(2)VUE3
前端·javascript·vue.js
ZC跨境爬虫40 分钟前
跟着 MDN 学CSS day_42:等分轨道、层叠放置与混合布局
前端·javascript·css·ui·html
Cheney950141 分钟前
Vue 项目字体文件打包后 fonts 文件夹“消失”?原因分析与解决方案
前端·javascript·vue.js
daols881 小时前
vxe-table 实现数据分组统计与表尾合计
前端·javascript·vue.js·vxe-table
向日的葵0061 小时前
Vue 函数定义、事件绑定与列表渲染精讲
前端·javascript·vue.js
小陈同学呦11 小时前
前端如何处理订单状态导航的数据竞态问题
前端·javascript