文章目录
- 一、预览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