el-input input输入的时候获取数据,并且可以输入带小数点的数字类型
觉得很简单,没必要写的,但是看到有人还用到value.replace和pattern的方法来实现就觉得写一下
直接给v-model加修饰符.number 加上属性值type="number"即可
<input v-model.number="绑定值" type="number" />
这个时候已经实现了输入数字和小数点的数字类型的数值类型了,字符串是输入不了的
但是还有个问题 - ,+ ,e这些特殊符号,不会触发type=number的事件change
解决方法
给输入的按键进行ASCII 字符正则表达式校验,true返回数值即可
<input v-model.number="绑定值" type="number" onkeypress="return (/[0-9.]$/.test(String.fromCharCode(event.keyCode)))" />
如果有用,请给我点赞收藏,我会很开心,谢谢