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>

相关推荐
梦想的颜色1 小时前
TypeScript 完全指南(下):从类型体操到生产级配置
前端·javascript·typescript
888CC++4 小时前
如何在 C 语言中进行程序调试?
前端·javascript·算法
kyriewen6 小时前
我招了一个“Prompt工程师”来写前端,结果项目差点崩了
前端·javascript·面试
小新1106 小时前
从零开始 Vue.js
前端·javascript·vue.js
naildingding6 小时前
Vue基础核心
前端·vue.js
Delicate7 小时前
JavaScript的“变脸”艺术:类型转换戏法大揭秘
javascript
前端Hardy7 小时前
21.8 万周下载!这个 React 表格组件,10 行代码就能跑起来
前端·javascript·后端
陈_杨7 小时前
鸿蒙APP开发-带你走进胶片录的拍摄记录管理
前端·javascript
陈_杨7 小时前
鸿蒙APP开发-带你走进胶片录的相机控制
前端·javascript
陈_杨7 小时前
鸿蒙APP开发-带你走进节流战的Canvas图表
前端·javascript