Vue element admin 导出excel

Vue Element Admin提供了非常方便的导出Excel功能。你可以按照以下步骤进行操作：

1. 首先，你需要安装 file-saver 和 xlsx 这两个库。在 Vue Element Admin 中，可以通过以下命令进行安装：

npm install file-saver xlsx --save

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

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

3. 在需要导出Excel的方法中，首先定义表头和数据：

// 定义表头
const headers = ['姓名', '年龄', '性别']

// 定义数据
const data = [
  ['张三', 18, '男'],
  ['李四', 20, '女'],
  ['王五', 22, '男']
]

4. 使用 XLSX 库将表头和数据转换为 Excel 文件：

// 创建一个工作簿
const workbook = XLSX.utils.book_new()

// 创建一个工作表
const worksheet = XLSX.utils.aoa_to_sheet([headers, ...data])

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

// 将工作簿转换为Excel文件
const excelBuffer = XLSX.write(workbook, { bookType: 'xlsx', type: 'array' })

// 使用 file-saver 库将文件保存到本地
saveAs(new Blob([excelBuffer]), 'data.xlsx')

5. 以上代码将会生成一个名为 `data.xlsx` 的 Excel 文件，并且自动下载到本地。

以上就是在 Vue Element Admin 中导出 Excel 的基本步骤。你可以根据自己的实际需求，调整表头和数据的内容，以及修改文件名和目录等参数。