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

Question

我是 Vue.js 的新手，我正在为这个简单的事情而苦苦挣扎。

我想在我的页面上放置一个 Vuetify 按钮并将其指向用户可以下载的文件。这href部分对我来说毫无用处。要下载的文件位于/assets文件夹中。

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

当我单击按钮时，它所做的只是将我指向一个不显示任何内容的新网址：

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

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

谢谢你的帮助

Answer 1

当您将文件公开时它应该可以工作。运行时任何公共内容都将位于根目录中。将属性更改href为：

href="file.pdf" 

您还可以删除该target属性并使用该download属性强制下载：

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

与 av-btn的想法相同：

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