如何使用链接在Vue / Nuxt中下载PDF文件

时间:2018-06-28 02:06:36

标签: javascript html vue.js vuetify.js nuxt.js

这有点愚蠢,但是我在使用NUXT和Vuetify在Vue应用程序中打开一个PDF选项卡时遇到问题。

我正在尝试使用

<a href="../static/docs/filename.pdf" target="_blank">Download PDF</a>

我也尝试使用<nuxt-link>,但是没有用。

该文件位于〜/ static / docs文件夹中。

我收到的答案是“找不到此页面”

谢谢。

1 个答案:

答案 0 :(得分:2)

我记得几个月前遇到了同样的麻烦。

在查看一些旧代码时,事实证明我使用了一个名为vue-pdf的模块。

像这样将模块声明为组件之后:

components : {
  pdf : PDFViewer,
}

您可以通过传递链接来在标记中使用它:

<pdf :pdf="brochureDocument"/>