vue3前端怎么实现Excel下载模板，不依赖于后端

如果你想在 Vue3 前端实现 Excel 模板下载而不依赖于后端，可以使用以下步骤：

1.创建一个按钮，让用户点击后触发下载事件。

2.在下载事件中，创建一个 Blob 对象，然后将其保存为文件。

以下是代码示例：

<template>
  <button @click="downloadExcelTemplate">Download Excel Template</button>
</template>

<script>
export default {
  methods: {
    downloadExcelTemplate() {
      try {
        // 创建 Excel 模板文件
        const sheetName = 'Sheet1';
        const rows = [['Name', 'Age'], ['John', 30], ['Jane', 25]];
        const wb = XLSX.utils.book_new();
        const ws = XLSX.utils.aoa_to_sheet(rows);
        XLSX.utils.book_append_sheet(wb, ws, sheetName);
        
        // 将数据保存为文件并下载
        const wbout = XLSX.write(wb, { bookType: 'xlsx', type: 'array' });
        const blob = new Blob([wbout], { type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' });
        const link = document.createElement('a');
        link.href = URL.createObjectURL(blob);
        link.download = 'template.xlsx';
        link.click();
      } catch (error) {
        console.error(error);
      }
    }
  }
}
</script>

在这个示例中，我们使用 SheetJS（也称为 js-xlsx）库来创建 Excel 模板文件。我们创建了一个数组，其中包含表头和数据行，然后将其转换为工作表对象。然后，我们使用 XLSX.utils.book_append_sheet() 方法将工作表添加到工作簿中。

接下来，我们使用 XLSX.write() 方法将工作簿转换为二进制数据数组，然后创建一个 Blob 对象。最后，我们创建一个链接元素，将 Blob URL 分配给其 href 属性，设置链接的下载属性，这样浏览器就会提示用户下载文件。

希望这可以帮助到你！