vue xlsx js 导出

你可以使用 vue-xlsx-js 库来导出 Excel 文件。下面是一个简单的示例代码：

首先，安装 vue-xlsx-js：

npm install vue-xlsx-js

然后，在你的 Vue 组件中引入该库：

import XLSX from 'vue-xlsx-js'

接下来，你可以使用该库来导出 Excel 文件。下面是一个示例方法，该方法将一个包含数据的数组导出为 Excel 文件：

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

      // 创建一个 Workbook 对象
      const wb = XLSX.utils.book_new();

      // 创建一个 Worksheet 对象，并将数据添加到其中
      const ws = XLSX.utils.aoa_to_sheet(data);

      // 将 Worksheet 添加到 Workbook
      XLSX.utils.book_append_sheet(wb, ws, 'Sheet1');

      // 将 Workbook 导出为 Excel 文件
      XLSX.writeFile(wb, 'data.xlsx');
    }
  }
}

在你的模板中添加一个按钮，点击该按钮将触发导出 Excel 文件的方法：

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

这样，当用户点击按钮时，将会下载一个名为 "data.xlsx" 的 Excel 文件，其中包含了你准备好的数据。

请注意，为了使用 vue-xlsx-js，你需要确保在项目中安装了 xlsx 库。你可以通过运行以下命令来安装它：

npm install xlsx

希望对你有所帮助！如有更多问题，请随时提问。