vue3表单校验

<el-form :model="uploadResultModel" :rules="uploadResultRules" ref="uploadResultRef">
  <el-form-item label="结果" label-width="80px" prop="result">
    <el-input v-model="uploadResultModel.result" type="textarea" autocomplete="off" />
  </el-form-item>
</el-form>

const uploadResultRef = ref(null);

vue3 

 

// 先执行表单验证，使用 Promise 封装回调函数
const valid = await new Promise(resolve => {
  uploadResultRef.value.validate(resolve);
});

vue2 

this.$refs.uploadResultRef.validate(async (valid) => {
  if (valid) {
    const ResultVo = {
      'result': this.resultValue
    };
    if (this.ids !== '') {
      ResultVo.ids = this.ids;
    } else {
      ResultVo.vo = this.query;
    }
    await uploadResult(ResultVo);
    this.$message({
      type: 'success',
      message: '上传成功!'
    });
    this.uploadResultDialog = false;
    this.refreshChange();
  }
});