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

小伙伴们，我们平时再开发过程中经常遇到一些很生僻的需求，有很多需求和代码都是以后我们工作中可用百分之九十以上复用的，今天向大家分享一篇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);

        });

    },