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>

相关推荐
观察员2 分钟前
Vue3 猜字游戏前端实战:从零搭建聊天交互界面
vue.js
月月大王的3D日记7 分钟前
Three.js 入门系列(7):让甜甜圈围着我转 —— 3D文字生成
前端·javascript
only-lucky2 小时前
QML深入学习五(Controls模块)
前端·javascript·学习
其美杰布-富贵-李3 小时前
第 5 篇:Object3D、Group 与场景树
javascript·three.js
春波petal4 小时前
Vue3防抖搜索:从Lodash到customRef全解析
vue.js·vue3·防抖搜索
达子6665 小时前
第22章_HarmonyOs开发图解之 蓝牙
vue.js
mONESY6 小时前
React + TypeScript 入门到进阶:从 Props 类型约束到状态管理与副作用最佳实践
javascript
无人生还6 小时前
从 Vue3 到 React · 快速上手系列第 9 篇:自定义 Hook(对标 Composables)
前端·vue.js·react.js
码哥DFS6 小时前
算法练习day1-备战2027届秋招
前端·javascript·数据结构·算法
张元清6 小时前
React useInfiniteScroll Hook:无限滚动轻松实现(2026)
javascript·react.js