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

vue+elementUI自定义校验规则(数字类型)_第1张图片
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自定义校验规则(数字类型))