VUE中实现输入框禁止输入小数方法分享

2024年03月30日 iview 禁止输入小数 去除小数点 保留0位小数 表单验证 共享博客

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

突然想到那么让他保留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))"


本文链接:http://so.lmcjl.com/news/709/

展开阅读全文
相关内容