elementUI表单验证没有反应

项目当中出现点击按钮进行表单校验没有反应(既没有校验失败也没有校验成功)
出现此类问题首先检查是否使用了element的自定义校验

如果使用了自定义校验无论验证成功或失败,都必须要返回一个callback()

  // 自定义校验社保
    var validateSocialBase = (rule, value, callback) => {
     
      if (value < this.formData.socialMin) {
     
        callback(new Error(`社保基数不可小于${
       this.formData.socialMin}`))
      } else if (value > this.formData.socialMax) {
     
        callback(new Error(`社保基数不可大于${
       this.formData.socialMax}`))
      } else {
     
        callback()
      }
    }
    // 自定义校验公积金
    var validateAccumulationFundBase = (rule, value, callback) => {
     
      if (value < this.formData.accumulationFundMin) {
     
        callback(new Error(`公积金基数不可小于${
       this.formData.accumulationFundMin}`))
      } else if (value > this.formData.accumulationFundMax) {
     
        callback(new Error(`公积金基数不可大于${
       this.formData.accumulationFundMax}`))
      } else {
     
        callback()
      }
    }

这样就完美解决了,记录一下

你可能感兴趣的