요소 제출은 요청을 트리거하지 않습니다. 사용자 지정 검사는 반환 함수를 작성하지 않습니다. . .

이곳의 작은 신인이 구덩이를 두 번 밟았 어, 오우 ...

요소 +보기

이것은 양식 제출 이벤트입니다. 양식에 사용자 정의 검사가 있습니다. 검사가 조건을 충족하고 콘솔이 오류를보고하지 않지만 요청이 트리거되지 않습니다. 이유가 무엇입니까 ???

처음에는 메쏘드 작성 문제라고 생각했는데 아니 었어 하하하

그 이유는 사용자 지정 확인에 들어갈 때 callback () 함수가 없기 때문에 사용자 지정 확인에 callback () 반환 함수가 없기 때문입니다.

 this.$refs['formDeposite'].validate(valid => {})

그래서 그것을 기억하십시오 !!!

사용자 정의 확인에는 반환 기능이 있어야합니다 !!!
1. "확인"버튼을 클릭합니다.

 <template slot="btn-inner">
      <el-button :loading="loading.submit" @click="submitForm" icon="iconfont icon-tijiao" type="primary">确认</el-button>
    </template>

2. 양식

 <el-form
            :model="formDeposite"
            :validate-on-rule-change="false"
            label-position="left"
            label-width="140px"
            :rules="rules"
            ref="formDeposite">
            <div class="area-title">
              <p class="title">资金信息</p>
            </div>
            <div class="form-inner">
              <el-row :gutter="80">
                <el-col :span="12">
                  <el-form-item label="冻结金额：" >
                    <span>{
   
   {utils.moneyFormat(form.financeFee.benjin)}}元</span>
                  </el-form-item>
                </el-col>
                <el-col :span="12">
                  <!-- 交易日期不能大于保证金申请日期 -->
                  <el-form-item label="交易日期：" prop="hkDate">
                    <el-date-picker
                      v-model="formDeposite.hkDate"
                      type="date"
                      value-format="yyyy-MM-dd HH:mm:ss"
                      placeholder="选择日期">
                    </el-date-picker>
                  </el-form-item>
                </el-col>
              </el-row>
            </div>
</el-form>

3. 데이터에서 정의

 data () {
  // 提交表单
      formDeposite: {}
}

4. 맞춤 검사

data () {
    let checkTime = (rule, value, callback) => {
      if (value < this.form.financeFee.createdAt) {
        return callback(new Error('交易时间不能早于保证金生成时间'))
      } else {
        callback()
      }
    }
    return {
      // 校验
      rules: {
        hkDate: [
          this.rulesToolkit.rules.required({name: '交易时间'}),
          { validator: checkTime, trigger: 'blur' }
        ]
      }

5. 방법

 methods: {

    /**
     * 提交
     */
    submitForm () {
      this.$refs['formDeposite'].validate(valid => {
        if (valid) {
          this.loading.submit = true
          this.formDeposite.financeCode = this.financeCode
          let financeFee = this.formDeposite
          this.api.deposit.manage.commit(financeFee).then(result => {
            this.loading.submit = false
            this.$message.success(result.data.message)
            this.$router.back()
          }).catch(e => {
            this.loading.submit = false
          })
        }
      })
    }
}