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>

相关推荐
Hilaku7 小时前
技术好就能升职是前端圈最大的谎言!
前端·javascript·程序员
光影少年8 小时前
react navite高频手写/实操题
前端·javascript·react native·react.js·前端框架
AI视觉网奇8 小时前
3d子部件高亮选中
开发语言·javascript·3d
阿图灵8 小时前
LangGraph 实战 03:Workflows 与 Agents——六种工作流模式与智能体实战(附 6 个可运行示例)
java·前端·javascript·工作流·ai agent·智能体·langgraph
2603_965896628 小时前
JavaScript 对象零基础详解|属性、方法、遍历、增删改查
开发语言·javascript·ecmascript
用户283209679379 小时前
从进程线程到 async/await:JS Event-loop事件循环机制底层解析
前端·javascript
guanguan0_09 小时前
用 AI 做技术方案评审:输入 3 个方案,输出对比矩阵 + 推荐理由
javascript·人工智能·矩阵·ai编程
xiaominlaopodaren9 小时前
three.js地图视口瓦片(二):如何形成完整视口多边形
javascript·gis·three.js
snow@li10 小时前
服务器运维:Alibaba Cloud Linux 4 LTS・Vue前端 Java 后端 K3S 部署 CICD 目录规范清单
linux·前端·vue.js
mONESY10 小时前
从零到上线:全栈项目部署全流程实战
javascript