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>

相关推荐
艾斯特_6 小时前
Echarts常用配置项及解释
前端·javascript·echarts
m0_502724956 小时前
飞书真机调试
开发语言·前端·javascript
刘一说7 小时前
Vue3 模块语法革命:移除过滤器(Filters)的深度解析与迁移指南
前端·vue.js·js
lkbhua莱克瓦247 小时前
JavaScript核心语法
开发语言·前端·javascript·笔记·html·ecmascript·javaweb
Trae1ounG7 小时前
这是什么dom
前端·javascript·vue.js
比老马还六7 小时前
Bipes项目二次开发/扩展积木功能(八)
前端·javascript
C_心欲无痕8 小时前
Next.js 的服务端路由:对应api文件夹
开发语言·javascript·ecmascript
513495928 小时前
在Vue.js项目中使用docx和file-saver实现Word文档导出
前端·vue.js·word
Shirley~~8 小时前
leetcode移除元素
javascript·数据结构·算法
AC赳赳老秦8 小时前
Prometheus + DeepSeek:自动生成巡检脚本与告警规则配置实战
前端·javascript·爬虫·搜索引擎·prometheus·easyui·deepseek