小工具知识网

当前位置: 首页 > 行业知识 > 前端实现PDf文件下载功能

行业知识

前端实现PDf文件下载功能

2026-11-13 13:47:09 来源:互联网转载

前言:pc端需要实现生成PDF并下载的功能。

方法一:侧重点在前端,后端只需要配合把PDF所需要的数据给到前端即可。
准备工作:需要npm install 这两个插件,html2Canvas,JsPDF。
注:上面给的不是npm的命令,不可以直接当做npm命令使用

//引入import html2Canvas from 'html2canvas'import JsPDF from 'jspdf'// 也可以在main.js文件里面引入,并把getPdf方法绑定在vue实例上,全局使用

生成PDF的容器,里面样式根据需求自行加入

 
this.getPdf('name', '#pdfDom') //这里调用,传参可自定义,但id必须有
//核心代码getPdf(name, id) {         const that = this      html2Canvas(document.querySelector(id)

上一篇:怎么做运算服务器?

下一篇:ASP源码仓库,探索与管理核心要素的秘密