美文网首页
vue+elementUI自定义校验规则(数字类型)

vue+elementUI自定义校验规则(数字类型)

作者: 求喜欢 | 来源:发表于2020-09-16 17:15 被阅读0次
image.png
data() {
    let validateAmount = (rule, value, callback) => {
      if (!value) {
        return callback(new Error("金额不能为空"));
      } else if (!Number.isInteger(value)) {
        return callback(new Error("请输入数字值"));
      } else if (value > this.depositAmount || value <= 0) {
        return callback(new Error(`请输入0-${this.depositAmount}范围的值`));
      } else {
        return callback();
      }
    };
    return {
      // 表单校验
      rules: {
        depositAmount: [{ validator: validateAmount }]
      },
      
    }
  },

相关文章

网友评论

      本文标题:vue+elementUI自定义校验规则(数字类型)

      本文链接:https://www.haomeiwen.com/subject/yurhyktx.html