uniapp将数组里嵌套对象的数据结构导出为exel

前言：如果是简单的数据结构（对象不存在嵌套）我们直接借用一个插件就可以搞定了，如下

uniapp如何将数据导出为exel表格？-CSDN博客前提：确保电脑上配置有正确的node环境。https://blog.csdn.net/weixin_54586989/article/details/140178918?csdn_share_tail=%7B%22type%22%3A%22blog%22%2C%22rType%22%3A%22article%22%2C%22rId%22%3A%22140178918%22%2C%22source%22%3A%22weixin_54586989%22%7D但是如果我们的数据是这样的呢？

const data = [

{ name: 'TT', email: 'TT@163.com',child:{childName:'CTT',childId:'1'} },

{ name: 'ii', email: 'ii@163.com' ,child:{childName:'Cii',childId:'2'}}

];

开门见山

插件（两个）

npm install xlsx file-saver

npm install exceljs

方法

function exportExcel(data) {

      // 创建工作簿

      const workbook = new Workbook();

      const worksheet = workbook.addWorksheet('Sheet1');

      // 添加标题行

      worksheet.addRow(['name','email','childName','childId']);

      data.forEach((item) => {

        // 将数组转换为字符串

        const child= item.child

        // 将数据添加到工作表

        worksheet.addRow([item.name,item.email,child.childName,child.childId]);

      });

      // 定义导出文件的名称

      const fileName = 'data.xlsx';

      // 定义导出文件的格式

      workbook.xlsx.writeBuffer().then((buffer) => {

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

        saveAs(blob, fileName);

      });

    }

使用

<button @click="exportExcel(data)">导出</button>

效果如下