前端开发随笔:使用a标签下载文件,不跳转页面

在前端开发过程中,使用a标签的href属性可以实现Oss文件下载功能,如:

<a href="Oss完整下载地址"></a>

但是这样会有一个问题,就是下载是可以下载了,但是同样触发了a标签的页面跳转功能。

这样处理就行了

<a :href="`${完整的下载地址}`" target="downloadFile">{{文件名称}}</a>
<iframe style="display: none;" name="downloadFile"></iframe>

 

posted @ 2021-12-13 15:17  上山下水  阅读(2650)  评论(0)    收藏  举报