vue导出excel表

要导出Excel表格，可以使用第三方库如`xlsx`和`file-saver`。以下是一个使用Vue.js和这些库的示例：

首先，安装这些库：

npm install xlsx file-saver --save

然后在Vue组件中引入和使用这些库：

<template>
  <div>
    <button @click="exportExcel">Export Excel</button>
  </div>
</template>

<script>
import * as XLSX from 'xlsx'
import * as FileSaver from 'file-saver'

export default {
  methods: {
    exportExcel() {
      // 创建工作簿和工作表
      const wb = XLSX.utils.book_new()
      const ws = XLSX.utils.json_to_sheet(this.data)

      // 将工作表添加到工作簿
      XLSX.utils.book_append_sheet(wb, ws, 'Sheet1')

      // 将工作簿转换为Blob对象，并保存为Excel文件
      const wbout = XLSX.write(wb, { bookType: 'xlsx', type: 'array' })
      const blob = new Blob([wbout], { type: 'application/octet-stream' })
      FileSaver.saveAs(blob, 'data.xlsx')
    }
  }
}
</script>

在这个示例中，当用户点击`Export Excel`按钮时，将调用`exportExcel`方法。该方法将创建一个工作簿和工作表，将工作表添加到工作簿中，并将工作簿转换为Blob对象。最后，使用`file-saver`库的`saveAs`方法将Blob对象保存为Excel文件。