el-input只能输入数字,保留小数点俩位

4 篇文章 0 订阅

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

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值