如何在浏览器上显示Vue-Dropzone响应？

<template>
  <div>
    <vue-dropzone ref="myDropzone" id="dropzone"></vue-dropzone>
    <button @click="uploadFiles">上传文件</button>
  </div>
</template>

<script>
import VueDropzone from 'vue2-dropzone';
import 'vue2-dropzone/dist/vue2Dropzone.min.css';

export default {
  components: {
    VueDropzone
  },
  methods: {
    uploadFiles() {
      // 在这里编写上传文件的逻辑
      // 可以通过this.$refs.myDropzone获取到Vue-Dropzone实例，进而调用其方法
    }
  }
}
</script>

<template>
  <div>
    <vue-dropzone ref="myDropzone" id="dropzone" @vdropzone-success="handleSuccess"></vue-dropzone>
    <button @click="uploadFiles">上传文件</button>
  </div>
</template>

<script>
import VueDropzone from 'vue2-dropzone';
import 'vue2-dropzone/dist/vue2Dropzone.min.css';

export default {
  components: {
    VueDropzone
  },
  methods: {
    uploadFiles() {
      // 在这里编写上传文件的逻辑
      // 可以通过this.$refs.myDropzone获取到Vue-Dropzone实例，进而调用其方法
      this.$refs.myDropzone.processQueue();
    },
    handleSuccess(file, response) {
      // 处理上传成功的响应
      console.log('上传成功', response);
      // 在这里可以根据响应数据进行相应的处理
    }
  }
}
</script>