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

标签 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 文件夹中。

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

谢谢。

最佳答案

我记得几个月前遇到过和你一样的麻烦。

在查看一些旧代码时发现我使用了一个名为 vue-pdf 的模块.

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

components : {
  pdf : PDFViewer,
}

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

<pdf :pdf="brochureDocument"/>

关于javascript - 如何在 Vue/Nuxt 中使用链接下载 PDF 文件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51073691/

相关文章:

html - 谷歌字体不适用于任何浏览器或平板电脑

javascript - 找不到 VueJs 模块 Axios 帖子

javascript - 如何在 Vuex 中存储非 react 性数据?

javascript - 显示隐藏的 div 元素的 jquery 工具提示?

javascript - 具有 ID 的 DOM 树元素是否成为全局属性?

javascript - vue导入highcharts-more时遇到问题

JavaScript 堆内存不足 - 插入 mongodb 时出错

javascript - 简单的for循环

javascript - 让本地运行的服务器使用 UTC 时间

javascript - 如何在 React Hooks 中实现 Vue watcher