由于项目中有很多控制输入框字符校验的规则,每次找都比较复杂,今天先做个罗列。
1、只能输入数字。
其实这个方法element组件自带el-input-numer可以解决,但是!但是!有个坑,如果你想在输入数字的基础上保留俩位数,你可能未设置precisio=2,对吧对吧,但是如果你继续想控制小数点前的位置个数时你就会发现这个组件拿不到像后面带零的长度,比如1.00打印出来也只是1,所以这个就得额外处理点和0 。当时真的气死我,还好经过同事的指点发现一个更好用的方法。
1⃣️只能输入数字的校验,注意input的类型为type=text,目的方便后期保留俩位小数的效果,还有注意转换成字符串格式,防止无效。
2、鼠标blur时默认保留俩位小数点,输入整数也显示2.00样式。
思路:
先给该变量四舍五入,然后找出当前输入值是否有小数点,没有的话,将改变量加上‘.’变成如2.格式,然后去对比加了点的长度和未加点的长度,循环给该变量加上00,具体看代码,上面有介绍。
el-input只能输入数字,保留小数点俩位
最新推荐文章于 2024-05-23 11:38:15 发布