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>

相关推荐
UIUV4 分钟前
模块化CSS学习笔记:从作用域问题到实战解决方案
前端·javascript·react.js
aoi4 分钟前
解决 Vue 2 大数据量表单首次交互卡顿 10s 的性能问题
前端·vue.js
Kakarotto5 分钟前
使用ThreeJS绘制东方明珠塔模型
前端·javascript·vue.js
幽络源小助理5 分钟前
springboot校园车辆管理系统源码 – SpringBoot+Vue项目免费下载 | 幽络源
vue.js·spring boot·后端
donecoding7 分钟前
TypeScript `satisfies` 的核心价值:两个例子讲清楚
前端·javascript
Van_Moonlight11 分钟前
RN for OpenHarmony 实战 TodoList 项目:顶部导航栏
javascript·开源·harmonyos
技术狂小子12 分钟前
前端开发中那些看似微不足道却影响体验的细节
javascript
用户120391129472612 分钟前
使用 Tailwind CSS 构建现代登录页面:从 Vite 配置到 React 交互细节
前端·javascript·react.js
幽络源小助理29 分钟前
SpringBoot+Vue车票管理系统源码下载 – 幽络源免费项目实战代码
vue.js·spring boot·后端
小夏卷编程32 分钟前
jeecg boot 路由缓存失效问题
vue.js·缓存