vue3实现excel文件预览和打印功能
文章目录
- 一、预览excel
- 1、安装
- 2、使用
- 3、代码
- 4、效果
- 二、打印excel
- 1、安装
- 2、使用
- 3、代码
- 4、效果
- 三、小结
在前端开发中，有时候一些业务场景中，我们有需求要去实现excel的预览和打印功能，本文将介绍在vue3中如何实现Excel文件的预览和打印。
一、预览excel
关于实现excel文档在线预览的做法，一种方式是通过将文档里的数据处理成html，一种是将文档处理成图片进行预览。
首先我们先讲一下实现html这种方式预览的。Excel预览用的是xlsx这个库。
xlsx
xlsx是一个优秀的表格处理库，是一款适用于浏览器和nodejs的开源电子表格解析库
1、安装
这里值得注意的是，vue2和vue3的引用写法不一样
// vue2 引用 xlsx
import xlsx from