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

时间:2024-10-06 07:37:53

文章目录

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

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

一、预览excel

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

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

xlsx

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

1、安装

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

// vue2 引用 xlsx
import xlsx from