在Nuxt页面上查看PDF

Question

我有一个Nuxt应用程序，希望在特定页面（如/gdpr）上显示一份GDPR政策的PDF文件。我尝试将PDF文件放入静态文件夹中，但是使用类似于/gdpr.pdf这样的方式并不起作用。

我没有找到任何不需要PDF查看器插件的适当方法，而vue-pdf在Nuxt中存在很多问题。

有什么想法或其他实现方式吗？

- senakua

Answer 1

您可以简单地在页面中嵌入您的 PDF ：

<template>
    <div>
        <embed src="/pdf/your_pdf_file.pdf" width="1440px" height="900px" />
    </div>
</template>

我将我的PDF文件放在项目的static文件夹中的pdf文件夹里。

- Iman Shafiei

---

哈哈，非常简单，谢谢兄弟！ - Alauddin Afif Cassandra

如何添加工具，例如下载？ - Jenuel Ganawed

Answer 2

<template>
    <div>
        <embed src="/pdf/your_pdf_file.pdf" width="1440px" height="900px" />
    </div>
</template>

需要注意的是，如果您的 PDF 文件有多页，此方法在触摸屏设备上无法正常工作。顺便提一下，在我的经验中，它只能呈现文档的第一页，但无法滚动到第二页。

- SR6