Vue文件下载功能 直接上手粘贴

218 阅读1分钟

小伙伴们,我们平时再开发过程中经常遇到一些很生僻的需求,有很多需求和代码都是以后我们工作中可用百分之九十以上复用的,今天向大家分享一篇vue 管理系统的表格下载功能,代码简单,更改下名字即可使用,希望对大家有所帮助  P话不多说直接上手CV即可

下载

        //点击事件(根据自己所需更改相应名称)

    exportClick() {

         //后端提供的下载接口,无需传参(根据自己所需更改相应接口名称)

      userexportApi({})

        .then((res) => {

         // 指定生成的文件名

          var fileName = "user.xlsx";

          var blob = res.data;

          var a = document.createElement("a");

          a.innerHTML = fileName;

          a.download = fileName;

          a.href = URL.createObjectURL(blob);

          document.body.appendChild(a);

          var evt = document.createEvent("MouseEvents");

          evt.initEvent("click", false, false);

          a.dispatchEvent(evt);

          document.body.removeChild(a);

        })

        .catch((res) => {

          console.log("导出失败", res);

        });

    },