vue xlsx 生成excel文件并下载

要使用vue-xlsx来生成Excel文件并下载，你需要先安装vue-xlsx和file-saver两个依赖项。

这里是一个简单的例子，展示如何使用vue-xlsx和file-saver来生成Excel文件并下载：

import { utils } from 'xlsx'
import { saveAs } from 'file-saver'

export default {
  data() {
    return {
      data: [
        ['姓名', '性别', '年龄'],
        ['张三', '男', '20'],
        ['李四', '女', '18'],
        ['王五', '男', '22'],
      ],
    }
  },

  methods: {
    downloadExcel() {
      const worksheet = utils.aoa_to_sheet(this.data)
      const workbook = utils.book_new()
      utils.book_append_sheet(workbook, worksheet, 'Sheet1')
      const excelBuffer = utils.xlsx_write_buffer(workbook)
      saveAs(new Blob([excelBuffer], { type: 'application/octet-stream' }), 'example.xlsx')
    },
  },
}

在这个例子中，我们首先定义了一个包含数据的数组。然后，在downloadExcel方法中，我们使用vue-xlsx的utils对象将数据转换为工作表和工作簿。最后，我们使用file-saver的saveAs方法将Excel文件保存为example.xlsx并下载。

需要注意的是，由于浏览器安全限制，直接在浏览器中使用JavaScript来保存文件是不允许的。因此，我们需要使用file-saver库来实现文件下载。