Vue——vue中文件下载的几种方式_vue中下载让用户指定路径

作者：Monodyee | 2024-06-07 01:25:45

踩

vue中下载让用户指定路径

方式一：利用a标签创建超链接

href 内是下载路径

download也可以不给值，这样就会使用默认的文件名

<a href="../../../static/images/demo.jpg" download="下载demo.jpg">点击下载</a>
1

方式二：创建div标签，动态创建a标签：

<div name="downloadfile"  @click="downloadExcel">下载</div>
1

downloadExcel() {
    let a = document.createElement('a')
    a.href ="/user/downloadExcel"
    a.click();
}
1
2
3
4
5

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/Monodyee/article/detail/683382