Ant Design Vue下载本地文件（其他框架也适用）

2020.11.13更新

发现自己这么写很麻烦，在文件少的情况下，可以直接将文件放入public文件夹内，

<a :href="aaaaa.xlsx" download="xxx项目列表.xlsx">文件下载</a>

这里的 aaaaa.xlsx是public内的文件，download的内容是可以作为自己下载的文件名，

这两个名称可以一致也可以不一致，最后这个下载下来的文件名是download内填写的文件名。

这个不用写单独的url，简单方便。

 

 

原内容：

这个是需要将会使用到的 不改变的东西下载下来给用户看，比如某个模板文件，只有文件格式类的东西

因为vue打包后的文件路径与现在不一致，所以需要把文件存放在public文件夹内，才能保证打包后路径不会改变

看代码：

<a :href="url.downloadUrl" download="1test.xlsx">文件下载</a>

这里使用a标签直接下载，downloadUrl 是文件的路径，download内存放文件名

 

这里的路径downloadUrl在data里面放置，

url: {
	downloadUrl: '/file/1test.xlsx',
},

基本是这样的，已经测试过了，如有问题或补充欢迎留言！