vue2数据导出excel

要在Vue 2中导出数据到Excel，你可以使用以下步骤：

1. 首先，安装 `xlsx` 和 `file-saver` 库。你可以使用 npm 或者 yarn 来安装：

npm install xlsx file-saver

2. 在需要导出Excel的组件中，引入这两个库：

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

3. 创建一个方法来处理导出Excel的逻辑，例如：

export default {
  methods: {
    exportToExcel() {
      // 创建一个空的工作簿
      const wb = XLSX.utils.book_new()

      // 数据格式化为数组形式
      const data = [
        ['姓名', '年龄'],
        ['张三', 25],
        ['李四', 30],
        ['王五', 28]
      ]

      // 创建一个工作表
      const ws = XLSX.utils.aoa_to_sheet(data)

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

      // 将工作簿转换为二进制对象
      const wbout = XLSX.write(wb, { type: 'array', bookType: 'xlsx' })

      // 使用 file-saver 库保存文件
      saveAs(new Blob([wbout], { type: 'application/octet-stream' }), 'example.xlsx')
    }
  }
}

4. 在模板中添加一个按钮或者其他触发导出操作的元素，并绑定 `exportToExcel` 方法：

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

这样，当用户点击按钮时，数据将被导出为一个名为 `example.xlsx` 的Excel文件。

请注意，这只是一个简单的示例，你可以根据自己的需求进行修改和扩展。你也可以使用其他库来实现相同的导出功能，这只是其中一种方法。