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>

相关推荐
weixin_4462608514 小时前
Typora 插件开发实战:基于 JavaScript/HTML 构建定制化 Markdown 扩展
开发语言·javascript·html
如烟花的信页14 小时前
某管理服务平台点选逆向分析
javascript·爬虫·python·js逆向
qq43569470114 小时前
Vue02
开发语言·前端·javascript
小李云雾15 小时前
Pinia:Vue3 全局状态管理从入门到精通
前端·javascript·vue.js
风吹夏回15 小时前
Vue3 + Element Plus 完整使用指南
前端·javascript·vue.js·element
依托偶尔宁15 小时前
element-plus:el-table设置展开图标所在列的位置
前端·elementui
疯狂SQL1 天前
JWT 在线解码、验签、生成一篇讲透:附前端实现、工具架构与在线体验地址
javascript·jwt·编解码·jwt测试
前端一小卒1 天前
不手写代码的第 30 天,我才明白前端这个岗位还剩什么
前端·javascript·ai编程
Ajie'Blog1 天前
Copilot Agent Tasks API 开放:AI 编程开始进入后台任务时代
服务器·前端·javascript·人工智能·copilot·ai编程
老毛肚1 天前
jeecgboot vue TS & 模板化 04
前端·javascript·vue.js