vue 导出数据成excel

在Vue.js项目中，导出数据到Excel通常通过使用一些第三方库，如`vue-excel-export`、`js-xlsx`或者`xlsx-writer`。这里简单概述一种常见的做法：

1. 首先，你需要安装相应的库。例如，你可以通过npm或yarn命令安装`vue-excel-export`：

   npm install vue-excel-export xlsx --save
   # 或者
   yarn add vue-excel-export xlsx

2. 然后，在你的Vue组件中，导入这些库并使用它们。例如：

import { ExcelExport } from 'vue-excel-export';
import XLSX from 'xlsx';

export default {
  components: {
    ExcelExport,
  },
  methods: {
    exportToExcel(data) {
      // 将数据转换为XLSX工作表格式
      const workbook = XLSX.utils.book_new();
      const worksheet = XLSX.utils.json_to_sheet(data);

      // 添加工作簿信息
      XLSX.utils.book_append_sheet(workbook, worksheet, "Sheet1");

      // 封装到一个Blob对象，然后下载
      const filename = 'data.xlsx'; // 自定义文件名
      const blob = XLSX.writeFile(workbook, filename);
      saveAs(blob, filename);
    },
  },
};

在这个例子中，`data`参数应该是你想导出的表格数据。当你需要导出数据时，只需调用`exportToExcel(yourData)`即可。