el-upload手动上传文件

el-upload 是 Element UI 的上传组件，可以用来实现文件上传。要手动上传文件，需要使用该组件的 upload 方法。以下是一个示例：

<el-upload
  ref="upload"
  :show-file-list="false"
  :on-success="handleSuccess"
>
  <el-button slot="trigger" size="small" type="primary">选取文件</el-button>
</el-upload>

methods: {
  uploadFile() {
    const formData = new FormData();
    const file = this.$refs.upload.uploadFiles[0].raw;
    formData.append('file', file);
    axios.post('/upload', formData)
      .then(response => {
        console.log(response.data);
      })
      .catch(error => {
        console.log(error);
      });
  },
  handleSuccess(response) {
    console.log(response);
  }
}

在上面的示例中，我们使用了 ref 属性来获取上传组件的实例，然后在 uploadFile 方法中获取上传的文件，并将其添加到 FormData 中。接着，我们使用 axios 发送 POST 请求来上传文件，并在成功和失败的情况下分别输出日志。在 handleSuccess 方法中，我们可以处理上传成功后返回的数据。注意，我们需要在 upload 组件中设置 show-file-list 属性为 false，以避免显示上传文件列表。