vue通过二进制流使用XLSX导出

要通过二进制流在 Vue 中导出 Excel 文件，你可以按照以下步骤进行操作：

1. 首先，确保已经安装了 `xlsx` 包。你可以使用 npm 或者 yarn 来安装该包：

npm install xlsx
# 或者
yarn add xlsx

2. 在你的 Vue 组件中，创建一个处理导出的方法，例如 `exportExcel`：

import XLSX from 'xlsx';

exportExcel() {
  // 创建一个Workbook对象，用于存储Excel文件内容
  const workbook = XLSX.utils.book_new();
  
  // 创建一个Worksheet对象，用于存储工作表数据
  const worksheet = XLSX.utils.json_to_sheet(this.data);
  
  // 将Worksheet对象添加到Workbook对象中
  XLSX.utils.book_append_sheet(workbook, worksheet, 'Sheet1');
  
  // 将Workbook对象转换为二进制数据流
  const excelData = XLSX.write(workbook, { bookType: 'xlsx', type: 'binary' });
  
  // 创建Blob对象，并设置MIME类型为Excel文件
  const blob = new Blob([s2ab(excelData)], { type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' });
  
  // 创建下载链接，并设置相关属性
  const url = URL.createObjectURL(blob);
  const link = document.createElement('a');
  
  link.href = url;
  link.download = 'data.xlsx'; // 下载文件的名称
  
  // 模拟点击下载链接进行文件下载
  link.click();
  
  // 释放URL对象
  URL.revokeObjectURL(url);
}

// 将字符串转换为ArrayBuffer对象
function s2ab(s) {
  const buf = new ArrayBuffer(s.length);
  const view = new Uint8Array(buf);
  for (let i = 0; i < s.length; i++) {
    view[i] = s.charCodeAt(i) & 0xFF;
  }
  return buf;
}

在上述代码中，`this.data` 是你要导出的数据，可以是一个数组或者其他格式的数据。`exportExcel` 方法将数据转换为 Excel 文件，并通过创建下载链接实现文件的下载。注意，我们需要使用 `s2ab` 函数将二进制字符串转换为 `ArrayBuffer` 对象。

3. 在你的模板中添加一个按钮或者其他触发导出的元素，并调用 `exportExcel` 方法：

<template>
  <div>
    <button @click="exportExcel">导出Excel</button>
  </div>
</template>

希望以上步骤对你有所帮助！