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>

相关推荐
用户84298142418101 分钟前
JS代码压缩实测:可减小体积、提高执行效率!
前端·javascript·后端
snow@li3 分钟前
Vue Axios封装与SpringBoot Payload封装全景关联分析(前后端数据交互底层闭环)
前端·vue.js·spring boot
用户831348593069820 分钟前
Vue3+Cesium实现阴天乌云+下雨天气特效
vue.js·webgl·cesium
无人生还27 分钟前
从 Vue3 到 React · 快速上手系列第 13 篇:工程化与综合实战(Vite + Todo 应用)
前端·vue.js·react.js
Synmbrf32 分钟前
ECharts 饼图鼠标悬浮后标签 title 消失的问题
前端·javascript
breeze jiang2 小时前
React useRef 实战:从 input 聚焦到 Web Worker 引用
前端·javascript·react.js
90后的晨仔2 小时前
uni-app 项目目录结构全解:每个文件、每个文件夹的作用与配置详解
vue.js·uni-app
苏灿烤鱼2 小时前
GitHub #2 拆解|把工程经验装进 Agent,为什么仍会“静默失效”?
javascript·人工智能·agent
Rysxt_4 小时前
React vs Vue.js:2025年两大主流前端框架深度对比教程
vue.js·react.js·前端框架
by__csdn4 小时前
Vue vs React vs Angular:前端框架终极对决
前端·vue.js·react.js·前端框架·vue·react·angular