Hola, tengo un problema con la impresión usando el componente vue llamado vue-html2pdf
El problema de la siguiente manera:
Aquí está la configuración que estoy usando para imprimir:
<vue-html2pdf :show-layout="false" :float-layout="true" :enable-download="true" :preview-modal="true" :paginate-elements-by-height="1400" filename="nightprogrammerpdf" :pdf-quality="2" :manual-pagination="false" pdf-format="a4" :pdf-margin="10" pdf-orientation="portrait" pdf-content-width="800px" @progress="onProgress($event)" ref="html2Pdf" >Aquí hay una demostración: https://codesandbox.io/s/vue-html-to-pdf-example-forked-3lijbr?file=/src/App.vue:95-532
Después de jugar con sus códigos y caja, encontré la solución: eliminar la sección, luego desapareció la primera página en blanco.
<!-- <section slot="pdf-content"> <ContentToPrint /> </section> --> <ContentToPrint slot="pdf-content" />pero la paginación del nuevo pdf todavía se ve extraña, para arreglar eso, elimine el contenido en ContentToPrint, entonces el pdf me parece perfecto.
<template> <div style="margin: 12px 12px"> <img src="https://picsum.photos/500/300" /> <!-- <div> --> <p> <strong ><a href="https://www.nightprogrammer.com/" target="_blank" >Nightprogrammer.com</a ></strongSupongo que la biblioteca no puede aceptar demasiado div.
Aquí está mi codeandbox modificado. pdf se ve mejor si abre una página independiente ( https://1puw7d.csb.app )
https://codesandbox.io/s/vue-html-to-pdf-example-forked-1puw7d?file=/src/App.vue