纯前端导出PDF分页截取问题处理

需求：一个页面内放入两部分记录，数据由后端动态渲染(高度不一)，导出的pdf要两部分分别各占一个A4

html代码：

js代码

  methods: {exportPdf () {const printHTML = document.querySelector('#printId').innerHTMLwindow.document.body.innerHTML = printHTMLwindow.print() // 调用window打印方法window.location.reload()}}

效果：

纯前端导出PDF分页截取问题处理相关推荐

纯前端导出word、pdf、excel、txt、svg文档方法与技巧（附带问题总结）
文章目录导出pdf **实现思路:** **问题总结:** **具体代码** **封装好的导出函数,记得引入js插件** 封装方法一: 封装方法二: 封装方法三: 纯前端导出word文档方法与技巧 ...
pdfmake支持html,pdfMake前端导出pdf
pdfMake前端导出pdf 目前导出PDF还是后端(或nodejs)比较好. (如果没有必要) 导出方案后端: IText,wkhtmltopdf...等等. 前端: jsPdf,pdfKit,r ...
Vue导出word附表部分横向显示(承接上一篇Vue纯前端导出word)
Vue纯前端导出word直通车 1. 引入js import htmlDocx from "@/utils/html-docx"; 2. page-break-before:alw ...
纯前端下载pdf链接文件,而不是打开预览的解决方案
纯前端下载pdf链接文件,而不是打开预览的解决方案参考文章: (1)纯前端下载pdf链接文件,而不是打开预览的解决方案 (2)https://www.cnblogs.com/jackson-yqj/ ...
vue element ui 利用xslx导出文档表格功能（纯前端导出下载文档）
目录前言步骤: 1.下载xslx 2.导入xslx 3.template中给个点击事件 4.methods中定义函数实现导出前言本篇文章记录纯前端导出下载文档功能. 若想查看从后端接收文件流, ...
VUE纯前端导出excel表格功能《转载》
插件:使用vue-json-excel插件实现Vue纯前端导出简单的Excel表格功能. 使用方法 1. 安装依赖 npm install vue-json-excel 2. 引入组件 a. 全局引入 ...
前端导出PDF（纯前端功能）
项目场景: 例如:需要导出PDF格式问题描述发现:自己导出的PDF,有表格超出之后,只会截取当前屏幕可视区,下面的并不会导出原因分析: 提示:问题出现在滚动条加错地方解决方案: 首先: npm ...
前端导出pdf功能（超详细）
实现思路:将html页面生成pdf文件,需首先将页面转换为图片,然后再输出成pdf. 一.先引入html2canvas npm install html2canvas 二.项目内引入 import h ...
前端导出pdf以及导出内容截断的解决办法
1.有截断的pdf导出 //导出pdf pdfExport() {// let top = document.getElementById('main');// if (top != null) {/ ...
纯前端导出export，复杂表格表头合并，表头数据部分动态，
需求,这样的页面有多个table,如投标人名单结果那一列,返回的是1就是通过,返回的不是1就是不通过.如资格评审的横表头,评分说明后面的公司即都是数据接口返的,需要处理后才能放在表头这里的.如详细评 ...

纯前端导出PDF分页截取问题处理

纯前端导出PDF分页截取问题处理相关推荐

最新文章

热门文章