vue-simple-uploader 如何手动触发上传文件

vue-simple-uploader 是一个基于 Vue.js 的文件上传组件，可以实现文件的上传和管理。要手动触发上传文件，可以通过调用组件的 `upload` 方法来实现。

首先，你需要确保在 Vue 组件中正确引入了 vue-simple-uploader 组件。然后，在需要手动触发上传文件的地方，可以通过以下方法来调用上传功能：

<template>
  <div>
    <input type="file" ref="fileInput" @change="handleFileChange" />
    <button @click="uploadFile">上传文件</button>
  </div>
</template>

<script>
import Vue from 'vue';
import vueSimpleUploader from 'vue-simple-uploader';

Vue.use(vueSimpleUploader);

export default {
  methods: {
    handleFileChange() {
      const file = this.$refs.fileInput.files[0]; // 获取文件对象
      this.file = file;
    },
    uploadFile() {
      this.$refs.myUploader.upload(this.file); // 调用上传方法
    }
  }
};
</script>

上述代码中，我们通过给文件选择框添加 `ref` 属性 `fileInput` 来获取文件对象。当文件选择框的值发生改变时，会触发 `handleFileChange` 方法，将选中的文件对象保存到组件的 `file` 属性中。

接下来，通过点击“上传文件”按钮，会触发 `uploadFile` 方法。在该方法中，通过 `$refs` 引用组件的实例，并调用它的 `upload` 方法，将保存的文件对象作为参数传递给它，从而触发文件上传。

总结起来，就是通过获取文件对象和调用 `upload` 方法来手动触发 vue-simple-uploader 组件的文件上传功能。记得在组件中引入 vue-simple-uploader，并在模板中使用文件选择框和按钮来实现交互。