Vue学习-如何在vue项目中通过a标签 download 下载本地文件

如何在vue项目中通过a标签 download 下载本地文件？一般来说我们会将vue项目的静态资源放在src的assets目录下。但如果我们将需要下载的，例如doc文件放在同样的目录下就会出现下载失败，找不到目标文件的错误。其实只需要将需要下载的文件放在public，也就是和index.html文件一个文件夹下即可，如下图：然后在需要进行点击下载文件的地方添加如下代码：<a href="./

霸气灬剑意

3326人浏览 · 2021-05-23 22:36:30

霸气灬剑意 · 2021-05-23 22:36:30 发布

如何在vue项目中通过a标签 download 下载本地文件？

一般来说我们会将vue项目的静态资源放在src的assets目录下。但如果我们将需要下载的，例如doc文件放在同样的目录下就会出现下载失败，找不到目标文件的错误。
其实只需要将需要下载的文件放在public，也就是和index.html文件一个文件夹下即可，如下图：
在这里插入图片描述
然后在需要进行点击下载文件的地方添加如下代码：

<a href="./需要下载的文件名" download>点击下载</a>

就可以实现下载啦。

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^