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>

相关推荐
半个烧饼不加肉20 分钟前
JS 底层探究--上下文
开发语言·javascript·ecmascript
Hoey1 小时前
虚拟 DOM 和 DIFF 算法
前端·vue.js
无风听海1 小时前
PKCE 的 S256 算法深度剖析:从协议设计到密码学原理
javascript·网络·算法·密码学
小新1101 小时前
vue实战项目 计算器
前端·javascript·vue.js
老毛肚1 小时前
jeecgboot vue 路由 拆分01
前端·javascript·typescript
神仙别闹1 小时前
VUE框架 + Element UI + Node 模拟打印机的 Web 即时打印
前端·vue.js·ui
如果超人不会飞2 小时前
TinyVue图标使用完全指南
vue.js
西部荒野子2 小时前
Zustand 状态管理规范:别让轻量状态变成隐形通知风暴
前端·javascript
之歆2 小时前
Day04_ES6完全指南:从入门到精通的现代化JavaScript开发
前端·javascript·es6