vue实现点击下载文件或文档

1.代码如下

    //导出事件
    Export() {
      let link = document.createElement("a"); 
      //创建一个a标签
      link.style.display = "none"; 
      //将a标签隐藏
      link.href = safe + "/work/plan/exportJobPlanExcel"; 
      //给a标签添加下载链接  "域名+接口"  safe是一个动态的域名  后面的接口替换成你自己的下载接口
      link.setAttribute("download", name); 
      // 此处注意,要给a标签添加一个download属性,属性值就是文件名称 否则下载出来的文件是没有属性的,空白白
      document.body.appendChild(link);
      //将上面创建的a标签加入到body的尾部
      link.click(); 
      //执行a标签
    },
Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐