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 小时前
从0到1:智能汇 AI 全栈实战,拆解多模态 AI 应用开发全流程
前端·vue.js·node.js
廾匸6406 小时前
语义化标签
前端·javascript·html
汪汪队立大功1237 小时前
selenium中执行javascript,是否等价于在浏览器console位置执行
javascript·selenium·测试工具
anyup8 小时前
支持鸿蒙!开源三个月,uView Pro 开源库近期更新全面大盘点,及未来计划
前端·vue.js·uni-app
soda_yo9 小时前
搞不懂作用域链?这篇文章让你一眼秒懂!
javascript·面试
apollo_qwe9 小时前
Set 和 Map常用场景代码片段
javascript
q***T5839 小时前
前端路由懒加载实现,React与Vue
前端·vue.js·react.js
Hilaku9 小时前
我为什么说全栈正在杀死前端?
前端·javascript·后端
木易士心10 小时前
Vue2 和 Vue3 中 watch 用法和原理详解
前端·vue.js
程序猿_极客10 小时前
【期末网页设计作业】HTML+CSS+JS 旅行社网站、旅游主题设计与实现(附源码)
javascript·css·html·课程设计·期末网页设计