uniapp如何将数据导出为exel表格？

一、插件

npm install xlsx file-saver

前提：确保电脑上配置有正确的node环境

二、代码

在需要的页面导入

import { saveAs } from 'file-saver';

import * as XLSX from 'xlsx';

我这里模拟了一个数据

const data = [

{ name: 'TT', email: 'TT@163.com' },

{ name: 'ii', email: 'ii@163.com' }

];

方法 （关键的一点）

function exportToExcel(data, sheetName, fileName) {

      const worksheet = XLSX.utils.json_to_sheet(data);

      const workbook = XLSX.utils.book_new();

      XLSX.utils.book_append_sheet(workbook, worksheet, sheetName);

      const excelBuffer = XLSX.write(workbook, { bookType: 'xlsx', type: 'array' });

      const dataBlob = new Blob([excelBuffer], { type: 'application/vnd.openxmlformats-      officedocument.spreadsheetml.sheet;charset=UTF-8' });

      saveAs(dataBlob, fileName + '.xlsx');

    }

使用

<button @click="exportToExcel(data, 'Sheet1', 'UserList');">导出exel</button>

效果如下图