首页 > 解决方案 > Vue html2pdf,html元素错误生成为pdf文件

问题描述

我在 Vue 中编写应用程序,我想使用 vue-html2pdf 从 html 元素生成一些 pdf 文件,但我的 pdf 被剪切了。这是 html 元素的屏幕:HTML 元素

这是生成的pdf文件:PDF文件

我要生成为 pdf 文件的元素代码。

<vue-html2pdf
      :show-layout="false"
      :float-layout="true"
      :enable-download="true"
      :preview-modal="true"
      :paginate-elements-by-height="1000"
      filename="hee hee"
      :pdf-quality="2"
      :manual-pagination="false"
      pdf-format="a4"
      pdf-orientation="portrait"
      pdf-content-width="800px"
      ref="html2Pdf"
  >
      <section slot="pdf-content" >
        <section class="pdf-content">
          <WarscrollComponent 
            v-for="(miniscroll, index) in getScrollsToPrint" 
            :key="index" 
            :miniscroll="miniscroll"
            component="printSheet"
          />
        </section>
      </section>
    </vue-html2pdf>

你有什么想法我做错了吗?

标签: javascriptvue.jspdfhtml2pdf

解决方案


推荐阅读