vue3中将表格导出成excel文件

yarn add xlsx

yarn add file-saver

通过调用exportData方法 

// excel 文件 传递数据和文件名
function exportToExcel(tableData, filename) {
  // 1.JSON 数据的数组转化为excel工作表
  const worksheet = XLSX.utils.json_to_sheet(tableData);
  // 2.创建一个excel工作簿
  const workbook = XLSX.utils.book_new();
  // 3.将创建好的工作表添加到 workbook 工作簿中 命名为Sheet1
  XLSX.utils.book_append_sheet(workbook, worksheet, "Sheet1");
  // 4.将 工作簿格式 转化为 excel 格式
  const excelBuffer = XLSX.write(workbook, { bookType: "xlsx", type: "array" });
  // 5.创建 blob 对象
  const dataBlob = new Blob([excelBuffer], {
    type: "application/octet-stream",
  });
  // 6.利用file-saver库中的saveAs方法下载到电脑上
  saveAs(dataBlob, filename + ".xlsx");
}

// 点击导出excel文件
const exportData = () => {
  const filename = "题库"; // 根据需要修改文件名
  exportToExcel(list.tableData, filename);
};