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>

相关推荐
an86950011 小时前
vue新建项目
前端·javascript·vue.js
czhc11400756632 小时前
c# 1121 构造方法
java·javascript·c#
GISer_Jing4 小时前
3D Cesium渲染架剖析
javascript·3d·webgl
han_4 小时前
前端性能优化之CSS篇
前端·javascript·性能优化
JIngJaneIL4 小时前
汽车租赁|汽车管理|基于Java+vue的汽车租赁系统(源码+数据库+文档)
java·vue.js·spring boot·汽车·论文·毕设·汽车租赁
z***I3945 小时前
JavaScript爬虫应用案例
开发语言·javascript·爬虫
清风徐来QCQ5 小时前
javaScript(map,ref,?,forEach,watch)
java·前端·javascript
星月前端6 小时前
[特殊字符]面向 ArcGIS for JavaScript(4.x)开发者的「坐标系统(CRS / 投影)」全面解读
开发语言·javascript·arcgis
星空的资源小屋6 小时前
永久删除文件利器:Permadelete
java·javascript·人工智能
柒昀6 小时前
Vue.js
前端·javascript·vue.js