vue项目中使用html2canvas转成pdf导出

哇，这个，我找了好长时间。。纠结了快两天还没好。。

做了一个轮播图。想把这个轮播图一页一页都转成pdf的格式。。。在网上找了好长时间，，才明白一点点，

思路：轮播图。因为我是使用的轮播图写的。一个轮播页面上是一个组件，所以只要把每个组件都打印出来就好。但是这样有问题。后面再说。（会导出好几张pdf。没有办法把这几张合成一张。

1、用npm下载html2canvas和jspdf

npm install --save html2canvas jspdf

 

2、在html中你想把那一部分打印出来的那个div上加一个ref='xxx'(后来用着方便)

 3、在要使用的组件中引入html2canvas和jspdf

import html2canvas from "html2canv