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>

相关推荐
牛奶7 小时前
Vue 基础理论 & API 使用
前端·vue.js·面试
牛奶7 小时前
Vue 底层原理 & 新特性
前端·vue.js·面试
pe7er7 小时前
状态提升:前端开发中的状态管理的设计思想
前端·vue.js·react.js
程序猿的程11 小时前
开源一个 React 股票 K 线图组件,传个股票代码就能画图
前端·javascript
大雨还洅下12 小时前
前端JS: 虚拟dom是什么? 原理? 优缺点?
javascript
唐叔在学习12 小时前
[前端特效] 左滑显示按钮的实现介绍
前端·javascript
青青家的小灰灰13 小时前
深入理解事件循环:异步编程的基石
前端·javascript·面试
前端Hardy13 小时前
HTML&CSS&JS:打造丝滑的3D彩纸飘落特效
前端·javascript·css
前端Hardy13 小时前
HTML&CSS&JS:丝滑无卡顿的明暗主题切换
javascript·css·html
UIUV15 小时前
node:child_process spawn 模块学习笔记
javascript·后端·node.js