上述问题中如果我是自定义上传文件,当用户点击提交才上传呢

如果你想在用户点击提交按钮时再进行文件上传，可以使用 Element UI 的文件上传组件的 `ref` 属性结合自定义的提交方法来实现。下面是一个示例：

<template>
  <el-upload
    ref="fileUpload"
    action="/upload"
    :show-file-list="false"  <!-- 隐藏文件列表 -->
  >
    <el-button @click="handleUploadClick">选择文件</el-button>
  </el-upload>
  
  <el-button @click="handleFormSubmit">提交</el-button>
</template>

<script>
export default {
  methods: {
    handleUploadClick() {
      this.$refs.fileUpload.$refs.input.click() // 触发文件选择对话框
    },
    handleFormSubmit() {
      const file = this.$refs.fileUpload.uploadFiles[0] // 获取待上传的文件
      if (file) {
        this.uploadFile(file) // 调用自定义的文件上传方法
      } else {
        this.$message.error('请先选择文件')
      }
    },
    uploadFile(file) {
      // 执行文件上传逻辑
      // 可以使用 axios 或其他库发送 POST 请求将文件上传到服务器
      // 在上传成功的回调中执行提交表单的逻辑
      console.log('开始上传文件', file)
    }
  }
}
</script>

在上述代码中，我们通过设置 `ref` 属性给文件上传组件起了一个名字，然后使用 `$refs` 来获取该组件的实例。当用户点击"选择文件"按钮时，我们手动触发文件选择对话框。当用户点击"提交"按钮时，我们通过 `this.$refs.fileUpload.uploadFiles[0]` 获取到待上传的文件，然后调用自定义的文件上传方法 `uploadFile` 来执行文件上传逻辑。你可以在 `uploadFile` 方法中使用 axios 或其他库发送 POST 请求将文件上传到服务器，并在上传成功的回调中执行提交表单的逻辑。

请根据实际需求修改相应的事件名称和逻辑。同时，你还需要根据实际情况修改路径和错误提示信息。