vue.js 在Nuxt页面上查看PDF

pbgvytdp  于 2023-05-29  发布在  Vue.js
关注(0)|答案(2)|浏览(320)

我有一个Nuxt应用程序,我想在某个页面上显示,例如。/gdpr包含GDPR策略的PDF文件。我试着把PDF放在静态文件夹中,但是像/gdpr. pdf这样的东西根本做不到。
我找不到一个合适的方法来做到这一点,没有任何PDF查看器插件和vue-pdf的一个有很多问题与Nuxt。
有什么想法或其他方法来实现这一点吗?

j2cgzkjk

j2cgzkjk1#

您可以简单地将PDF嵌入到您的页面中:

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

我把我的pdf文件放在项目的static文件夹的pdf文件夹中。

qkf9rpyu

qkf9rpyu2#

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

应该注意的是,如果您的pdf是多页的,则此方法在触摸屏设备上无法正常工作。仅供参考。根据我的经验,它会呈现文档的第一页,但滚动到第二页是不可能的。

相关问题