浏览器扩展 - 下载多个 JSZip 解压文件

如何解决浏览器扩展 - 下载多个 JSZip 解压文件

我在我的 vue 浏览器扩展中使用 JSZip。我创建了一个函数来读取 zip 文件，并且能够获取 zip 的内容。我想让用户能够在选择它们后下载多个文件，但我无法实现这一点。这是代码

在模板代码中，我使用 v-for 生成打开的 zip 文件中的文件列表

        <ul class="list-group list-group-flush pt-5 overflow-auto">
          <li class="list-group-item" v-for="(file,i) in filesList" :key="i">
            <small class="float-start">{{ file }}</small>
            <input class="form-check-input float-end" type="checkBox" ref="selectedFile">
          </li>
        </ul>

在方法部分的 <script> 标签内，我有这两种方法

  methods: {
    handleFiles(e) {
      e.dataTransfer.files.forEach( (file) => {
        JSZip.loadAsync(file).then( (zip) => {
          zip.forEach( (relativePath,zipEntry) => {
            this.filesList.push(relativePath);
            this.files.push(zipEntry);
          });
        });
      });
    },downloadSelectedFiles() {
      this.files.forEach( (file) => {
        JSZip.file(file).async('blob').then( (data) => {
          console.log(data);
        });
      });
    }
  }

如何调用 chrome.downloads.download 方法让用户下载所有选定的文件？我尝试使用 $refs 但它只会选择一个复选框，我也不知道如何将从 JSZip 传递的对象转换为方法。