Vue实现前端导出PDF文件

技术栈：Vue 插件：jspdf html2canvas

安装依赖

npm install jspdf html2canvas -S

创建JS文件

• 在项目src目录下创建一个文件夹命名为vendor

• 在vendor下新建一个js文件命名为Export2PDF.js

• 注意：新建的文件夹名称并非一定为vendor,且并非一定在src文件下,可以是子目录也可以是你自己能找到的目录

代码实现         

 导出PDF

import ExportPDF from '@/vendor/Export2PDF.js';
handleDown(){
  //导出PDF
  ExportPDF.downloadPDF( document.querySelector('#exportPDF'),'PDF自定义名称');
},