账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    vuejs限制input框只能输入0-100的数字
    32
    0
     loadNumber: function (event) {
            var el = event.currentTarget;
            var elValue = el.value;
            var reg = /^((?!0)\d{1,2}|100)$/;
            if (!elValue.match(reg)) {
                elValue = "";
                console.log("b")
                return false;
            } else {
                return true;
            }
    
        }

    我做的是用正则判断后重新赋值,问题出在不能重新赋值

      <input v-model="UploadInfoModel.ER" @keyup="loadNumber($event)" />
    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 在 Vue.js 中,可以通过自定义的输入组件来实现输入框只能输入0-100的数字。以下是一个简单的实现方式:

      ```html

      ```

      在这个示例中,我们使用了 Vue.js 的 v-model.number 将输入的值绑定到数据属性 value 中。然后,我们设置了输入框的最小值为 0,最大值为 100。

      需要注意的是,Vue.js 的 v-model.number 将输入的值限制在 Number 类型的范围内,而不是数字范围的最小值和最大值。如果你需要更严格的安全性,你可能需要使用其他方法,例如 NumberFormat

      另外,这个示例中的输入框只接受数字,如果你需要支持其他类型的数据,你可能需要在输入框的属性中添加更多的类型。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部