使用 vuejs 查看 pdf 文件的问题答案

【问题标题】：issue with viewing pdf file using vuejs使用 vuejs 查看 pdf 文件的问题
【发布时间】：2021-06-05 10:57:23
【问题描述】：

我使用 laravel dompdf 包装器生成 pdf 文件。但我想用我的客户端 vuejs 应用程序渲染生成的 pdf 文件。我写了一个响应代码来查看该pdf文件并下载它。但我的要求是在另一个选项卡中打开该 pdf。

 const url = window.URL.createObjectURL(new Blob([response]));
 const link = document.createElement('a');
 link.href = url;
 link.setAttribute('download', 'test.pdf');
 document.body.appendChild(link);
 link.click();

谁能帮我解决这个问题？

【问题讨论】：

标签： javascript laravel vue.js dompdf

【解决方案1】：

我找到了一种使用新窗口打开的方法。我认为这将有助于使用 dompdf 包装器生成 PDF 的人。

const url = window.URL.createObjectURL(new Blob([res]));
const link = document.createElement('a');
link.href = url;
link.setAttribute('href', 'invoice.pdf');
link.setAttribute('target', '_blank');
document.body.appendChild(link);
link.click();

【讨论】：