uniapp和vue如何使用SheetJS导出excel?

warning: 这篇文章距离上次修改已过193天,其中的内容可能已经有所变动。

在uniapp中使用SheetJS导出Excel文件,你需要先将SheetJS适配到uniapp环境中,然后使用SheetJS的API来创建和导出Excel文件。以下是一个简单的例子:

  1. 安装xlsx库(SheetJS的uniapp版本):



npm install xlsx
  1. 在uniapp项目中使用xlsx库导出Excel文件:



// 引入xlsx库
import XLSX from 'xlsx';
 
export function exportToExcel(data, fileName) {
  // 创建工作簿
  const wb = XLSX.utils.book_new();
  
  // 将数据转换为工作表
  const ws = XLSX.utils.json_to_sheet(data);
  
  // 将工作表添加到工作簿
  XLSX.utils.book_append_sheet(wb, ws, "Sheet1");
  
  // 生成Excel的配置项
  const wbout = XLSX.write(wb, { bookType: 'xlsx', type: 'binary' });
  
  // 创建二进制对象并创建url
  const blob = new Blob([s2ab(wbout)], { type: 'application/octet-stream' });
  const url = URL.createObjectURL(blob);
  
  // 创建a标签模拟点击进行下载
  const a = document.createElement('a');
  if (typeof a.download === 'undefined') {
    window.location = url;
  } else {
    a.href = url;
    a.download = fileName + '.xlsx';
    document.body.appendChild(a);
    a.click();
    document.body.removeChild(a);
  }
  
  // 清除blob对象
  setTimeout(function() {
    URL.revokeObjectURL(url);
  }, 100);
}
 
// 转换s2ab_
function s2ab(s) {
  const buf = new ArrayBuffer(s.length);
  const view = new Uint8Array(buf);
  for (let i = 0; i !== s.length; ++i) view[i] = s.charCodeAt(i) & 0xFF;
  return buf;
}
 
// 使用示例
const data = [
  { name: 'Alice', email: 'alice@example.com' },
  { name: 'Bob', email: 'bob@example.com' }
];
exportToExcel(data, 'UserList');

请注意,上述代码可能需要在真机环境下运行,因为H5环境可能不支持Blob对象或者需要额外的库来处理二进制数据。此外,SheetJS的导出功能可能在不同的uniapp版本或者设备上有兼容性问题,因此在实际使用时可能需要进行一些调整。

评论已关闭

推荐阅读

DDPG 模型解析,附Pytorch完整代码
2024年11月24日
DQN 模型解析,附Pytorch完整代码
2024年11月24日
AIGC实战——Transformer模型
2024年12月01日
Socket TCP 和 UDP 编程基础(Python)
2024年11月30日
python , tcp , udp
如何使用 ChatGPT 进行学术润色?你需要这些指令
2024年12月01日
AI
最新 Python 调用 OpenAi 详细教程实现问答、图像合成、图像理解、语音合成、语音识别(详细教程)
2024年11月24日
ChatGPT 和 DALL·E 2 配合生成故事绘本
2024年12月01日
omegaconf,一个超强的 Python 库!
2024年11月24日
【视觉AIGC识别】误差特征、人脸伪造检测、其他类型假图检测
2024年12月01日
[超级详细]如何在深度学习训练模型过程中使用 GPU 加速
2024年11月29日
Python 物理引擎pymunk最完整教程
2024年11月27日
MediaPipe 人体姿态与手指关键点检测教程
2024年11月27日
深入了解 Taipy:Python 打造 Web 应用的全面教程
2024年11月26日
基于Transformer的时间序列预测模型
2024年11月25日
Python在金融大数据分析中的AI应用(股价分析、量化交易)实战
2024年11月25日
AIGC Gradio系列学习教程之Components
2024年12月01日
Python3 `asyncio` — 异步 I/O,事件循环和并发工具
2024年11月30日
llama-factory SFT系列教程:大模型在自定义数据集 LoRA 训练与部署
2024年12月01日
Python 多线程和多进程用法
2024年11月24日
Python socket详解,全网最全教程
2024年11月27日