如何使用a标签下载文件

1、a标签下载文件，下面处理方式不触发了a标签的页面跳转功能

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

2、动态生成a标签下载

 function downloadfile(url) {
              if (url) {
                   // 用fetch发送请求 对请求回来的二进制文件流进行处理
            fetch(url).then((res) => {
                res.blob().then((blob) => {
                    const blobUrl = window.URL.createObjectURL(blob);
                    // 这里的文件名根据实际情况从响应头或者url里获取
                    pos = url.lastIndexOf('/')  // '/'所在的最后位置
                    const filename = url.substr(pos + 1);
                    const a = document.createElement('a');
                    a.href = blobUrl;
                    a.download = filename;
                    a.click();
                    window.URL.revokeObjectURL(blobUrl);
                });
            });
                }
            
            }