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

需求是输入框不允许输入小数，也就是说明不能带有小数点，本来想着百度搜索一个正则验证解决下就行了，于是一顿操作猛如虎...突然想到那么让他保留0位小数也不是一样的道理呢？所以如下方法（我用的iview，其他也一样）<InputNumber v-model="limitTime" size="large" placeholder="请输入时长" style="width: 100px; m 0 Comments

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

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


本文链接：https://my.lmcjl.com/post/20273.html

展开阅读全文

相关文章

4 评论

留下您的评论.