在vue项目中使用blob和FileSaver.js下载excel(.xlsx)获得支持

npm install file-saver xlsx --save

import { saveAs } from 'file-saver';
import XLSX from 'xlsx';

methods: {
  downloadExcel() {
    // 创建一个Workbook对象
    const wb = XLSX.utils.book_new();
    
    // 创建一个Worksheet对象
    const ws = XLSX.utils.json_to_sheet(this.data);
    
    // 将Worksheet对象添加到Workbook对象中
    XLSX.utils.book_append_sheet(wb, ws, 'Sheet1');
    
    // 将Workbook对象转换为Blob对象
    const wbBlob = new Blob([XLSX.write(wb, { type: 'array', bookType: 'xlsx' })], { type: 'application/octet-stream' });
    
    // 使用FileSaver.js保存Blob对象为Excel文件
    saveAs(wbBlob, 'data.xlsx');
  }
}

<button @click="downloadExcel">下载Excel</button>