专注前端行业精选
当前位置:网站首页 > 最近更新 > 前端开发 > JavaScript > 正文

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

作者:鹏仔先生日期:2020-11-06浏览:782分类:JavaScript

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


手机扫码访问

已有2位网友发表了看法:

  • 访客

    访客  评论于 [2020-11-06 10:28:10]  回复

    牛皮

  • 访客

    访客  评论于 [2020-11-06 10:23:06]  回复

    你好,鹏仔先生

取消回复欢迎 发表评论:

关灯