el-upload 上传文件和表单提交

el-upload 是 Element UI 中的一个组件，用于实现文件的上传功能。它可以与表单提交一起使用，以实现上传文件并提交表单的需求。

要在表单提交时同时上传文件，可以按照以下步骤操作：

1. 在表单中使用 el-upload 组件，并设置 action 属性为表单提交的接口地址：

<el-upload
  action="/api/upload"
  :auto-upload="false"
>
  <el-button slot="trigger" size="small" type="primary">选择文件</el-button>
</el-upload>

2. 设置 el-upload 的属性 `auto-upload` 为 `false`，这样选择文件后不会立即自动上传。

3. 监听表单的提交事件，在事件处理程序中手动触发 el-upload 的上传：

<el-form @submit.native="handleSubmit">
  <!-- 表单项 ... -->

  <el-button type="primary" native-type="submit">提交</el-button>
</el-form>

methods: {
  handleSubmit() {
    this.$refs.upload.submit(); // 手动触发上传
    // 表单提交逻辑 ...
  }
}

这样，当点击表单的提交按钮时，会先触发 el-upload 的上传，然后再执行表单提交的逻辑。

注意：以上代码只是示例，实际应用中需要根据具体的接口和业务逻辑进行相应的调整。