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>

相关推荐
妮妮分享11 小时前
H5获取定位的方式是什么?
java·前端·javascript
weixin_4399306411 小时前
前端js日期计算跨月导致的错误
开发语言·前端·javascript
niujiangyao11 小时前
vue v-for列表渲染, 无key、key为index 、 有唯一key三种情况下的对比。 列表有删除操作时的表现
vue.js
柳安11 小时前
手写new操作符执行过程
前端·javascript
狗哥哥11 小时前
Vue 3 统一面包屑导航系统:从配置地狱到单一数据源
前端·vue.js·架构
鱼鱼块11 小时前
从后端拼模板到 Vue 响应式:前端界面的三次进化
前端·vue.js·面试
UIUV11 小时前
JavaScript内存管理与闭包原理:从底层到实践的全面解析
前端·javascript·代码规范
sunly_12 小时前
Flutter:showModalBottomSheet底部弹出完整页面
开发语言·javascript·flutter
谎言西西里12 小时前
从模板渲染到响应式驱动:前端崛起的技术演进之路
vue.js
一 乐12 小时前
家政管理|基于SprinBoot+vue的家政服务管理平台(源码+数据库+文档)
前端·javascript·数据库·vue.js·spring boot