VUE中实现输入框禁止输入小数

在这里插入图片描述
需求是输入框不允许输入小数,也就是说明不能带有小数点,本来想着百度搜索一个正则验证解决下就行了,于是一顿操作猛如虎…

突然想到那么让他保留0位小数也不是一样的道理呢?

所以如下方法(我用的iview,其他也一样)

<InputNumber
	v-model="limitTime"
	size="large"
	placeholder="请输入时长"
	style="width: 100px; margin: 0 5px"
	@keyup.native="limitTime = Number(limitTime.toFixed(0))"
></InputNumber>

键盘事件时,让保留0位小数,那么不就是整数了(当然这个很简单,但是有个问题,具体看测试那边会不会嫌弃,也就是四舍五入,例如输入1.5就会变成2,输入1.4会成为1,具体大家试试,也不影响功能)

@keyup.native="limitTime = Number(limitTime.toFixed(0))"

版权声明:本文为yangli_原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。