带有VUE HTML2PDF文件名称的Problen

发布于 2025-01-28 06:31:15 字数 689 浏览 4 评论 0原文

我有一个vue 2项目（带有vuetify）和一个组件中的vue-html2pdf 我必须打印以筛选并下载PDF，然后这样做：

<vue-html2pdf
  ref="html2Pdf"
  :show-layout="false"
  :enable-download="false"
  preview-modal
  manual-pagination
  :pdf-quality="2"
  pdf-format="a4"
  pdf-orientation="portrait"
  :html-to-pdf-options="{
    filename: `Name.pdf`,
    margin: [8, 8, 8, 8]
  }"
>
  <div slot="pdf-content" class="pdf-order">
    <section class="pdf-order-header">
      <p>Order N. {{ order.number }}</p>
    </section>
  </div>
</vue-html2pdf>

这很好，但是为什么文件名是6DDDED5DDED5FA-26AC-4CE5-BF24-D85FB33365DCD.PDF.pdf 而不是名称。 pdf？

原文

I have a Vue 2 project (with Vuetify) and vue-html2pdf in a component
I must print to screen and download a pdf and i do this:

<vue-html2pdf
  ref="html2Pdf"
  :show-layout="false"
  :enable-download="false"
  preview-modal
  manual-pagination
  :pdf-quality="2"
  pdf-format="a4"
  pdf-orientation="portrait"
  :html-to-pdf-options="{
    filename: `Name.pdf`,
    margin: [8, 8, 8, 8]
  }"
>
  <div slot="pdf-content" class="pdf-order">
    <section class="pdf-order-header">
      <p>Order N. {{ order.number }}</p>
    </section>
  </div>
</vue-html2pdf>

It's work fine, but why the filename is something like 6dded5fa-26ac-4ce5-bf24-d85fb3365dcd.pdf and not Name.pdf?

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

很快妥协 2025-02-04 06:31:15

您必须指定道具“文件名”。这样：

<vue-html2pdf
  ref="html2Pdf"
  :show-layout="false"
  :enable-download="false"
  preview-modal
  manual-pagination
  :pdf-quality="2"
  pdf-format="a4"
  pdf-orientation="portrait"
  filename: "Name"
>
  <div slot="pdf-content" class="pdf-order">
    <section class="pdf-order-header">
      <p>Order N. {{ order.number }}</p>
    </section>
  </div>
</vue-html2pdf>

或者，如果您想使用html-to-pdf-option，则必须像这样指定您的compomente：

  <vue-html2pdf
  ref="html2Pdf"
  :show-layout="false"
  :enable-download="false"
  preview-modal
  manual-pagination
  :pdf-quality="2"
  pdf-format="a4"
  pdf-orientation="portrait"
  :htmlToPdfOptions="{
    filename: `Name.pdf`,
    margin: [8, 8, 8, 8]
  }"
>
  <div slot="pdf-content" class="pdf-order">
    <section class="pdf-order-header">
      <p>Order N. {{ order.number }}</p>
    </section>
  </div>
</vue-html2pdf>

You must specify props "filename". Like this:

<vue-html2pdf
  ref="html2Pdf"
  :show-layout="false"
  :enable-download="false"
  preview-modal
  manual-pagination
  :pdf-quality="2"
  pdf-format="a4"
  pdf-orientation="portrait"
  filename: "Name"
>
  <div slot="pdf-content" class="pdf-order">
    <section class="pdf-order-header">
      <p>Order N. {{ order.number }}</p>
    </section>
  </div>
</vue-html2pdf>

Or if you want to use html-to-pdf-option, you must specify your compomente like this:

  <vue-html2pdf
  ref="html2Pdf"
  :show-layout="false"
  :enable-download="false"
  preview-modal
  manual-pagination
  :pdf-quality="2"
  pdf-format="a4"
  pdf-orientation="portrait"
  :htmlToPdfOptions="{
    filename: `Name.pdf`,
    margin: [8, 8, 8, 8]
  }"
>
  <div slot="pdf-content" class="pdf-order">
    <section class="pdf-order-header">
      <p>Order N. {{ order.number }}</p>
    </section>
  </div>
</vue-html2pdf>

回复收藏 0 原文

~没有更多了~