使用Vue Html2pdf文件名解决问题
使用Vue Html2pdf文件名解决问题
提问于 2022-05-12 14:26:16
我在一个组件中有一个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>这很好，但是为什么文件名类似于6dded5fa-26ac-4ce5-bf24-d85fb3365dcd.pdf而不是Name.pdf
回答 1
Stack Overflow用户
发布于 2022-06-08 13:29:11
您必须指定道具“文件名”。如下所示：
<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-选项，您必须指定您的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>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/72217405
复制相关文章
相似问题
腾讯云开发者
