vue项目中下载存放在项目中的文件到本地

vue项目目录结构如下:

将本地文件写入build文件夹。

当文件名不需要动态变化时,使用以下代码:

<a href="downloadFileName" target="_blank" download="downloadFileName">下载文件</a>

当文件名需要动态变化时,使用以下代码。其中srcValue为后台获取到的动态值,当动态变化时,href、download前要加冒号,进行值的绑定。

<a :href="[srcValue]" target="_blank" :download="[srcValue]">下载文件</a>

 若要同时下载多个文件,参考博客:https://www.cnblogs.com/duanzhenzhen/p/13826955.html

posted on 2021-02-05 09:54  青小记  阅读(10492)  评论(0编辑  收藏  举报