element ui 表单验证文件上传必填

对于 Element UI 表单验证中文件上传必填的问题，您可以使用 `el-upload` 组件结合表单验证规则来实现。

首先，您需要在表单中使用 `el-upload` 组件，并设置必填项的验证规则：

<template>
  <el-form :model="formData" :rules="formRules">
    <el-form-item label="文件上传" prop="file" required>
      <el-upload
        v-model="formData.file"
        :action="uploadUrl"
        :file-list="fileList"
        list-type="text">
        <el-button size="small" type="primary">点击上传</el-button>
      </el-upload>
    </el-form-item>
    <el-form-item>
      <el-button type="primary" @click="submitForm">提交</el-button>
    </el-form-item>
  </el-form>
</template>

<script>
export default {
  data() {
    return {
      formData: {
        file: null,
      },
      fileList: [],
      formRules: {
        file: [
          { required: true, message: '请上传文件', trigger: 'change' },
        ],
      },
    };
  },
  methods: {
    submitForm() {
      this.$refs.form.validate((valid) => {
        if (valid) {
          // 表单验证通过，执行提交操作
          console.log('提交表单');
        } else {
          console.log('表单验证未通过');
          return false;
        }
      });
    },
  },
};
</script>

在上述代码中，我们使用了 `required` 属性来标记文件上传为必填项，并且在 `formRules` 中设置了相应的验证规则。当用户点击提交按钮时，会触发 `submitForm` 方法，在该方法中调用 `this.$refs.form.validate` 来进行表单验证。如果验证通过，则可执行提交操作；如果验证未通过，则提示用户。

请注意，上述代码只是一个示例，您需要根据自己的项目情况进行相应的调整和优化。