element-ui 解决 el-input 只能输入整数和浮点数的问题

Posted 2023-03-10

参考技术A 只能输入整数
<el-input
v-model='count'
oninput="value=value.replace(/[^\d]/g,'')"
maxLength='9'
/>
可以输入整数和浮点数
<el-input
v-model='number'
oninput="if(isNaN(value)) value = null if(value.indexOf('.')>0)value=value.slice(0,value.indexOf('.')+3)"
maxLength='9'
/>

挖坑------------------------
当对el-input使用这种只能输入数字的限制时,输入法输入文字后会导致双向绑定失效
解决办法
1.在input中使用 @blur='blur'
2.在methods中手动去绑
blur(e)
this.number = e.target.value
,