池塘vue getFiles（）返回空数组_池塘vue

Question

我正在使用pool-vue上传文件。我逐步遵循了文档和示例来创建上传图像组件。但是我的池塘正在返回空文件。

 <Fieldset id="sectionGallery" legend="images">
      <file-pond
        ref="pond"
        label-idle="upload file "
        allow-multiple="true"
        maxFiles="10"
        accepted-file-types="image/jpeg, image/png"
        v-bind:files="myFiles"
        v-on:init="handleFilePondInit"
      />
      <b-button class="mt-3" variant="outline-success" @click="showFiles">log the file</b-button>
    </Fieldset>

这是我的方法部分：

methods: {
    handleFilePondInit: function() {
      this.$refs.pond.getFiles();
    },
    showFiles: function() {
      let a = this.$refs.pond.getFiles();
      let b = this.myFiles;
    },
}
data: function() {
    return {
      myFiles: [],

      }}

我的问题是。我上传的文件在哪里？为什么记录this.myFiles的输出是这样的：

  

[ ob ：观察者]

如何访问我的文件以进行上传？