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))"

分享

分享海报

扫一扫 - 分享本文

打赏

微信

扫一扫 - 打赏鹏仔

收藏

请按下 Ctrl + D

即可收藏当前文章

手机看

分享到微信朋友圈

扫一扫 - 手机阅读

侵权投诉

侵权、举报、建议

↓