vue3 ts 导出excel表格

要在Vue3中使用TypeScript导出Excel表格，可以使用第三方库如`xlsx`来处理Excel文件。以下是一个示例代码：

首先，使用npm或yarn安装`xlsx`库：

npm install xlsx

然后，在你的Vue组件中，引入并使用`xlsx`库来导出Excel表格：

import { writeFile } from 'xlsx';

export default {
  methods: {
    exportToExcel() {
      // 创建Excel数据
      const data = [
        ['姓名', '年龄', '性别'],
        ['张三', 25, '男'],
        ['李四', 30, '女'],
        ['王五', 28, '男'],
      ];

      // 创建工作簿
      const workbook = { SheetNames: ['Sheet1'], Sheets: {} };
      
      const sheetData = data.reduce((result, row, rowIndex) => {
        row.reduce((res, cell, cellIndex) => {
          const cellRef = String.fromCharCode(65 + cellIndex) + (rowIndex + 1);
          res[cellRef] = { v: cell };
          return res;
        }, result);
        return result;
      }, {});

      workbook.Sheets['Sheet1'] = sheetData;

      // 导出Excel文件
      writeFile(workbook, 'excel.xlsx', { bookType: 'xlsx', type: 'binary' });
    },
  },
};

在上述示例代码中，`exportToExcel`方法用于创建Excel数据、生成工作簿并导出Excel文件。你可根据需求自行修改数据和表格样式。

最后，你可以在Vue模板中的按钮或其他事件上调用`exportToExcel`方法，以导出Excel表格：

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

这样，当你点击按钮时，Excel文件将被下载到你的计算机中。