如何添加链接以下载nuxt pdf文件?

时间:2019-07-01 05:08:55

标签: pdf vue.js nuxt

我只想添加一个链接,以在nuxt项目中下载pdf文件。

我该怎么做?

我尝试了以下方法:

<a :href="require('@/static/documents/WTSDL2019_Pamplet.pdf')" download class="btn btn-sm btn-sub-color" >Download</a>

适用于图像,但不适用于pdf文件。我找到了vue-pdf,但觉得仅链接pdf文件是一项额外的工作。我没有工作来查看包含所有这些事件的pdf文件。

3 个答案:

答案 0 :(得分:4)

我遇到了同样的问题,这对我有用。我将文件添加到静态文件夹中,并且可以正常工作。

/ static /WTSDL2019_Pamplet.pdf

<a href="/WTSDL2019_Pamplet.pdf" download="" class="btn btn-sm btn-sub-color">Download</a>

答案 1 :(得分:0)

<a :href="require('../assets/documents/WTSDL2019_Pamplet.pdf')" download>
Download
</a>

答案 2 :(得分:0)

这有效:

<a href="/cv.pdf">Download my CV</a>
 

如果您将 PDF 放在静态文件夹中。您不需要 /static/ ,因为 NUXT 有魔力。