如何在 vue 中链接到 pdf？

Question

我正在尝试在我的 vue 应用上创建指向本地 pdf 文件的链接。现在这是我的问题。

我的 pdf 位于 assets/static/ 中，目前像这样链接到它们。

<template>
  <div id="forms" class="view-wrapper">
      <h3>Downloadable Forms</h3>
      <a href="../assets/static/Direct Deposit Form.pdf">Claim Form</a>
  </div>
</template>

这会在页面上打开一个链接，但是当我单击它时，我会被带到我的应用程序上的一个空白页面，其中只有导航栏和页脚，中间没有任何内容。我希望让它在另一个选项卡中的浏览器 pdf 查看器中显示文档。一些帮助将不胜感激。

编辑：已解决：@dan 帮助我意识到我只需要使用一个点来访问我的资产文件夹。

Answer 1

要在浏览器中呈现 pdf，请使用 <iframe src="path-to-pdf" />。除非您将响应式数据绑定到元素，否则您不必在 vue 中做任何不同的事情。查看https://stackoverflow.com/a/52644970/6890774这是一个类似的问题。