vue+element 开发表单局部认证与全部认证

全部认证

<el-form
     ref="examFrom"
    :model="examFrom"
    label-width="120px"
    :size="$store.getters.size"
  >
    <el-row>
      <el-col :span="12">
        <el-form-item
          label="考试月份:"
          prop="yearMonth"
          :rules="[{ required: true, message: '请选择月份', trigger: 'blur' }]"
        >
        </el-form-item>
      </el-col>
      <el-col :span="12">
        <el-form-item
          label="考试月份:"
          prop="yearMonths"
          :rules="[{ required: true, message: '请选择月份', trigger: 'blur' }]"
        >
        </el-form-item>
      </el-col>
    </el-row>
  </el-form>

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

局部认证

this.$refs['examFrom'].validateField('yearMonth')

强制组件重新渲染

this.$forceUpdate();

删除表单认证

this.$refs.form.clearValidate(); // 清除整个表单验证
// 或
this.$refs.form.clearValidate(['field']); // 清除特定字段验证