前端excel导出

本文介绍了如何在前端使用js-xlsx库来实现Excel导出功能。通过安装xlsx和file-saver依赖,并引入自定义封装的Export2Excel.js文件,实现了数据的按需懒加载。同时,文章详细讲解了导出参数及其基本结构。
摘要由CSDN通过智能技术生成

目标: 实现将用户数据导出功能

Excel 的导入导出都是依赖于js-xlsx来实现的。

js-xlsx的基础上又封装了Export2Excel.js,需要自己去下载或者复制过来在src下新建文件夹vendor放入下载或者复制好的文件Export2Excel.js。

安装excel所需依赖和按需加载

由于 Export2Excel不仅依赖js-xlsx还依赖file-saverscript-loader

npm install xlsx file-saver -S
npm install script-loader -S -D

由于js-xlsx体积还是很大的,导出功能也不是一个非常常用的功能,所以使用的时候建议使用懒加载。使用方法如下:

import('@/vendor/Export2Excel').then(excel => {
   
  excel.export_json_to_excel({
   
    header: tHeader, //表头 必填
    data, //具体数据 必填
    filename: '文件名', //非必填
    autoWidth: <
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值