vue3实现excel文件预览和打印功能

news/2024/10/10 11:03:36/

文章目录

  • 一、预览excel
    • 1、安装
    • 2、使用
    • 3、代码
    • 4、效果
  • 二、打印excel
    • 1、安装
    • 2、使用
    • 3、代码
    • 4、效果
  • 三、小结

在前端开发中,有时候一些业务场景中,我们有需求要去实现excel的预览和打印功能,本文将介绍在vue3中如何实现Excel文件的预览和打印。

excel_4">一、预览excel

关于实现excel文档在线预览的做法,一种方式是通过将文档里的数据处理成html,一种是将文档处理成图片进行预览。

首先我们先讲一下实现html这种方式预览的。Excel预览用的是xlsx这个库。

xlsx

xlsx是一个优秀的表格处理库,是一款适用于浏览器和nodejs的开源电子表格解析库

1、安装

这里值得注意的是,vue2vue3的引用写法不一样

// vue2 引用 xlsx
import xlsx from 

http://www.ppmy.cn/news/1536975.html

相关文章

线性回归逻辑回归-笔记

一、线性回归(Linear Regression) 1. 定义 线性回归是一种用于回归问题的算法,旨在找到输入特征与输出值之间的线性关系。它试图通过拟合一条直线来最小化预测值与真实值之间的误差。 2. 模型表示 线性回归模型假设目标变量(输…

红灯-绿灯-重构

代码在周期内的状态:处于红灯状态时,代码不管用,处于绿灯状态时,一切都想预期的那样工作,但并不一定是最佳的,到了重构阶段,我们知道测试很好的覆盖了各项功能,可以充满信息地修改他…

Mysql 索引底层数据结构和算法

目录 索引数据结构 Hash表 二叉树 红黑树 B树 B树 索引数据结构 索引(index)是帮助MySQL高效获取数据的一种有序数据结构。索引是存储到表空间中,当我们的 sql 中的where条件用到索引的时候,会在存储引擎层就过滤出数据来…

Redis:cpp.redis++通用接口

Redis:cpp.redis通用接口 redis对象通用接口set & getexistsdelflushallkeysttlexpiretype 本博客讲解redis的C客户端redis-plus-plus,这个版本的客户端,接口和redis原生命令几乎完全一致,博客内部不会详细讲解每个接口的具体…

如何用深度神经网络预测潜在消费者

1. 模型架构 本项目采用的是DeepFM模型,其结构结合了FM(因子分解机)与深度神经网络(DNN),实现了低阶与高阶特征交互的有效建模。模型分为以下几层: 1.1 FM部分(因子分解机层&#…

C#系统学习路线

分享一个C#程序员的成长学习路线规划,希望能够帮助到想从事C#开发的你。 我一直在想,初学者刚开始学习编程时应该学些什么?学习到什么程度才能找到工作?才能在项目中发现和解决Bug? 我不知道每位初学者在学习编程时是…

SpringBoot 整合 阿里云 OSS图片上传

一、OOS 简介 ‌阿里云OSS(Object Storage Service)是一种基于云存储的产品,适用于存储和管理各种类型的文件,包括图片、视频、文档等。‌ 阿里云OSS具有高可靠性、高可用性和低成本等优点,因此被广泛应用于各种场景&…

快速区分 GPT-3.5 与 GPT-4

问:鲁迅为什么暴打周树人? GPT3.5回答 各种稀奇古怪的理由 GPT4回答 正确区分鲁迅和周树人是同一个人 国内GPT入口 https://ai-to.cn/url/?ulihaimao