vue-simple-uploader怎么阻止自动上传

你可以通过设置 `auto-upload` 属性为 `false` 来阻止 `vue-simple-uploader` 组件的自动上传功能。这样，在用户选择文件后，文件将不会立即自动上传。

以下是一个示例：

<template>
  <div>
    <vue-simple-uploader
      :auto-upload="false"
      :upload-url="uploadUrl"
      @file-added="onFileAdded"
      @upload-started="onUploadStarted"
      @upload-completed="onUploadCompleted"
    ></vue-simple-uploader>
    <button @click="upload">手动上传</button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      uploadUrl: 'your-upload-url',
    };
  },
  methods: {
    onFileAdded(file) {
      // 处理文件添加事件
    },
    onUploadStarted(file) {
      // 处理上传开始事件
    },
    onUploadCompleted(file) {
      // 处理上传完成事件
    },
    upload() {
      // 手动触发上传
      this.$refs.uploader.upload();
    },
  },
};
</script>

在这个例子中，我们将 `auto-upload` 属性设置为 `false`，并通过 `@file-added` 事件监听用户添加文件的动作。然后，我们在按钮的点击事件中调用 `upload` 方法，手动触发上传操作。这样就可以实现阻止自动上传并手动控制上传的需求。