技术栈:Vue 插件:jspdf html2canvas
安装依赖
npm install jspdf html2canvas -S
创建JS文件
-
在项目src目录下创建一个文件夹命名为vendor
-
在vendor下新建一个js文件命名为Export2PDF.js
-
注意:新建的文件夹名称并非一定为vendor,且并非一定在src文件下,可以是子目录也可以是你自己能找到的目录
代码实现
<el-button type="primary" style="margin-bottom:16px" icon="el-icon-share" @click.stop="handleDown">导出PDF</el-button>
import ExportPDF from '@/vendor/Export2PDF.js';
handleDown(){
//导出PDF
ExportPDF.downloadPDF( document.querySelector('#exportPDF'),'PDF自定义名称');
},