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>

相关推荐
cc.ChenLy3 小时前
【CSS进阶】毛玻璃效果与代码解析
前端·javascript·css
何中应3 小时前
使用Jenkins部署前端项目(Vue)
前端·vue.js·jenkins
西门吹-禅4 小时前
node js 性能处理
开发语言·javascript·ecmascript
一只大侠的侠4 小时前
React Native for OpenHarmony:日期范围选择器实现
javascript·react native·react.js
一只大侠的侠5 小时前
React Native for OpenHarmony:DatePicker 日期选择器组件详解
javascript·react native·react.js
JosieBook5 小时前
【Vue】15 Vue技术——Vue计算属性简写:提升代码简洁性的高效实践
前端·javascript·vue.js
rfidunion5 小时前
springboot+VUE+部署(11。Nginx)
linux·vue.js·nginx
x-cmd6 小时前
[x-cmd] Node.js 的关键一步:原生运行 TypeScript 正式进入 Stable
javascript·typescript·node.js·x-cmd
御坂10101号7 小时前
JIT 上的 JIT:Elysia JS 的优化实践与争议
开发语言·javascript·网络·性能优化·node.js·express
一只大侠的侠8 小时前
React Native实战:高性能Popover弹出框组件
javascript·react native·react.js