Element UI中表单一般都会做表单验证,但是对于表单中存在el-upload组件时怎么方便做验证呢。我们可以借助隐藏一个表单来实现同步验证功能。

<el-form-item label="文件" prop="files">
  <el-checkbox-group v-show="false" v-model="form.files"/>
  <el-upload
    :action="uploadAction"
    :file-list="form.files"
    ref="upload">
    <el-button size="small">点击上传</el-button>
  </el-upload>
</el-form-item>
export default {
  data () {
    return {
      form: {
        files: null
      },
      formRules: {
        files: { required: true, message: '请上传数据文件', trigger: 'change' }
      }
    }
  }
}