Vue从链接href下载文件和Vuetify v-btn

Question

我是Vue.js的新手，我正在处理这个简单的问题。

我想在我的页面上放置一个Vuetify按钮，并将其指向用户可以下载的文件。其中href部分对我来说什么都不起作用。要下载的文件位于/assets文件夹中。

<v-btn 
   class="ma-2" 
   outlined 
   href="../assets/file.pdf" 
   target="_blank">
       Download PDF
</v-btn>

点击按钮时，它只是将我指向一个新的URL，其中没有显示任何内容。

http://localhost:8080/assets/file.pdf

如果我将文件放在/public目录中，结果也相同。

感谢任何帮助。

- Dusan

Answer 1

当您将文件放置在public文件夹中时，它应该可以正常工作。在运行时，public内的所有内容都会位于根目录中。将href属性更改为：

href="file.pdf" 

您也可以删除target属性，使用download属性强制下载：

<a href="file.pdf" download>
   Download PDF
</a>

使用 v-btn 也是同样的思路：

<v-btn 
   class="ma-2" 
   outlined 
   href="file.pdf"
   download>
       Download PDF
</v-btn>

- Dan

---

请注意，任何版本的Internet Explorer都不支持“download”属性。 - RTF