el-input 输入框只可以输入正整数

12 篇文章 0 订阅
3 篇文章 0 订阅

el-input 输入框只可以输入正整数

实现的效果为在输入框中输入非正整数,则input中的值将会被清空
1、在el-input中设置

<el-input v-model.trim="value" autocomplete="off" placeholder="请输入正整数数值" @keyup.native="value=test(value)?value:''"></el-input>

2、判断数值是否为正整数的函数

test(num) {
      num = num.toString()
      var reg = /^((?!0)\d{1,9})$/
      if (!num.match(reg)) {
        return false
      } else {
        return true
      }
    },
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值