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>

相关推荐
张元清2 小时前
驯服 React 里的 DOM 事件:useEventListener、useEventEmitter、useKeyModifier、useTextSelect
前端·javascript·面试
古韵2 小时前
�������� JavaScript �հ�����ԭ����ʵս
javascript
代码熊崽的编程森林3 小时前
vue + onlyoffice 自定义插件的实现(OnlyOffice 插件:AI 智能编辑)。
前端·javascript·vue.js
Lucky_Turtle3 小时前
【Vue】element plus Slider小数组件设置顺滑程度
前端·javascript·vue.js
Dxy12393102163 小时前
js中Math.min.apply()详解
开发语言·javascript
砍材农夫4 小时前
物联网 基于netty控制报文结构(发布与接收)
java·开发语言·前端·javascript·物联网
上单带刀不带妹4 小时前
Vue3 中 getCurrentInstance() 与 proxy 详解
前端·javascript·vue.js
妄念鹿5 小时前
记一次Uniapp的input输入框type为number时还能输入非数字
前端·javascript
武当王丶也5 小时前
React Native App 内更新实践:从版本策略到 APK 下载和安装
android·javascript·react native
ZTStory5 小时前
Volta 新一代 node 版本管理工具
前端·javascript·node.js