在vue2项目中，实现下载文件功能

一、需求

在页面有下载按钮，点击该按钮，即可下载从接口获取的文件数据

二、思路

在点击按钮后，调取接口获取所需数据，给页面新增a标签，利用其download属性实现下载功能

三、具体代码

        let a = document.createElement("a"); // 创建a标签
        a.style.display = "none";
        a.href = data.content.url;
        a.setAttribute(
          "download",
          a.href.split("/")[a.href.split("/").length - 1]
        ); // 给a标签设置download属性值，为从接口中获取到的需要下载的文件地址
        document.body.appendChild(a); // 将标签添加到页面
        a.click();
        document.body.removeChild(a);