vue-element-admin导出excel

在Vue项目中使用vue-element-admin框架导出Excel可以通过以下步骤实现：

1. 首先，确保你已经安装了xlsx和file-saver插件。你可以使用以下命令进行安装：

npm install xlsx file-saver

2. 在需要导出Excel的组件中，引入xlsx和file-saver插件：

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

3. 创建一个导出Excel的方法，用于将数据转换为Excel文件并下载：

exportExcel(data, fileName) {
  const worksheet = XLSX.utils.json_to_sheet(data);
  const workbook = { Sheets: { 'data': worksheet }, SheetNames: ['data'] };
  const excelBuffer = XLSX.write(workbook, { bookType: 'xlsx', type: 'array' });
  const blob = new Blob([excelBuffer], { type: 'application/octet-stream' });
  saveAs(blob, fileName + '.xlsx');
}

4. 在需要导出Excel的地方调用该方法，并传入要导出的数据和文件名：

exportData() {
  // 调用API获取要导出的数据，这里假设获取到的数据是一个数组，每个元素是一个对象
  const data = [{ name: 'John', age: 20 }, { name: 'Jane', age: 25 }];
  
  // 调用导出Excel的方法
  this.exportExcel(data, 'myData');
}

以上就是在vue-element-admin中导出Excel的基本步骤。你可以根据自己的需求对导出的Excel文件进行定制和样式设置。