el-form与el-upload联用

el-form和el-upload可以通过一些方法进行联用。在el-form中，可以使用el-form-item来包裹el-upload组件，将el-upload作为表单的一个字段。

下面是一个简单的示例代码：

<template>
  <el-form ref="uploadForm" :model="formData">
    <el-form-item label="上传文件">
      <el-upload
        action="/upload"
        :on-success="handleUploadSuccess"
      ></el-upload>
    </el-form-item>
    <el-button type="primary" @click="submitForm">提交</el-button>
  </el-form>
</template>

<script>
export default {
  data() {
    return {
      formData: {
        file: null // 文件字段
      }
    };
  },
  methods: {
    handleUploadSuccess(response, file, fileList) {
      // 上传成功后的处理逻辑
      console.log(response);
    },
    submitForm() {
      // 提交表单逻辑，可以在这里携带文件字段一起提交
      this.$refs.uploadForm.validate(valid => {
        if (valid) {
          console.log(this.formData.file);
          // 提交逻辑...
        } else {
          console.log('表单验证失败');
        }
      });
    }
  }
};
</script>

在上面的示例中，el-upload组件被包裹在el-form-item中，这样就能够将其作为一个表单字段处理。在提交表单时，可以通过$this.formData.file获取到上传的文件信息。