日常开发中,经常有用户点击页面下载文件需求。
但常规的点击链接式下载存在,打开新页、自到打开到浏览器、影响页面布局等情况。采用下种方式,可有效解决之。
代码中 axios 不是必须使用的组件,重点代码在 if 语句块中。即用户下载时,前端获取文件的二进制内容,同时在内存中生成一个Url地址,同时生成一个临时下载链接,再由系统自动触发之并自动删除临时下载链接。
"download"为<a>标签的属性之一,用于指定将下载内容在客户端生成的文件的名称。