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>

相关推荐
我是伪码农4 小时前
Vue 1.23
前端·javascript·vue.js
wqwqweee4 小时前
Flutter for OpenHarmony 看书管理记录App实战:搜索功能实现
开发语言·javascript·python·flutter·harmonyos
HIT_Weston6 小时前
107、【Ubuntu】【Hugo】搭建私人博客:模糊搜索 Fuse.js(三)
linux·javascript·ubuntu
henujolly9 小时前
ethers.js读取合约信息
开发语言·javascript·区块链
wuhen_n10 小时前
高阶函数与泛型函数的类型体操
前端·javascript·typescript
POLITE311 小时前
Leetcode 437. 路径总和 III (Day 16)JavaScript
javascript·算法·leetcode
難釋懷11 小时前
解决状态登录刷新问题
java·开发语言·javascript
一起养小猫11 小时前
Flutter实战:从零实现俄罗斯方块(三)交互控制与事件处理
javascript·flutter·交互
lethelyh11 小时前
Vue day1
前端·javascript·vue.js
无风听海11 小时前
AngularJS中 then catch finally 的语义、执行规则与推荐写法
前端·javascript·angular.js