【问题标题】:First page blank in vuehtml2pdfvuehtml2pdf 中的第一页空白
【发布时间】:2023-01-24 17:25:43
【问题描述】:

vuehtml2pdf 生成 pdf 但只有当我的内容太多时第一页才为空白,它确实中断到第二页但第一页留空。

<client-only>
      <vue-html2pdf
        ref="html2pdf"
        pdf-format="a4"
        :show-layout="false"
        :preview-modal="false"
        :enable-download="false"
        :manual-pagination="false"
        @progress="onProgress($event)"
        :pdf-quality="2"
        :paginate-elements-by-height="10"
        :filename="user.fullName + 'resume'"
        @beforeDownload="beforeDownload($event)"
        :html-to-pdf-options="{
          filename: user.fullName + ' Resume',
          jsPDF: {
            format: 'a4',
            unit: 'mm'
          },
          html2canvas: {
            useCORS: true,
            dpi: 192,
            letterRendering: true,
            scale: 4, // resolution
          },
       }">
       <section slot="pdf-content">
        <section>
          <component :is="resumeComponent"></component>
        </section>
       </section>
      </vue-html2pdf>

这是我的代码,我的组件是动态的,它可能有很多页数据,也可能只有一页。但是当数据太多时,首先会生成一个空页。

【问题讨论】:

  • 您是否有(略微)不同的示例输入来生成此行为,而其他一些示例输入不会生成此行为,您可以分享哪些? (你可能会把它链接到某个云空间左右——我不知道,但它可能会帮助其他人重现)

标签: vue.js nuxt.js html2pdf


【解决方案1】:

你的价值很低paginate-elements-by-height

该数字以像素为单位。 试试 1000,而不是 10。

【讨论】:

    猜你喜欢
    • 2022-11-07
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2017-05-23
    • 2015-01-20
    • 1970-01-01
    相关资源
    最近更新 更多