uniapp开发小程序前端生成导出excel文件不需要后端生成下载

首先下载我封装这里这个excel.js
然后放在一个文件目录再导入引用就可以了,具体如下
1.导入excel.js,
2.引用 import * as XLSX from ‘@/static/excel.js’ //xlsxjs文件路径
3.使用 XLSX.excel_exprot(ExcelData, header, headerName, fileName)
核心代码如下点击按钮运行exportClick

exportClick() {
            const fileName='打卡'
            const header = ['date', 'defaultType', 'device']
            const headerName = { date: '相识日期', defaultType: '类型', device: '姓名' }
            const ExcelData = [{ date: '2022-02-02', defaultType: '御姐', device: '学姐' }, { date: '2022-02-03', defaultType: '萝莉', device: '学妹' }]
            XLSX.excel_exprot(ExcelData, header, headerName,fileName)
        },
image.png

image.png

image.png

当我们点击导出时候会自动打开并删除之前缓存的文件效果如下
原文链接:https://blog.csdn.net/qq_21344043/article/details/126787474

你可能感兴趣的:(uniapp开发小程序前端生成导出excel文件不需要后端生成下载)