VUE 使用a标签 GET 通过文件流 实现下载功能

vue Element UI 前端使用

                                     a标签 get 通过文件流 实现下载功能

1、定义按钮

<el-button @click="downloadSelection" >下载选中职员信息</el-button>

 2、实现a标签下载 函数

//下载选中的职员信息
    downloadSelection(){

      if(this.selectionEmployee.length>0){
        let a = document.createElement("a");
        a.href =`${BaseUrl}/downloadFiles/downloadEmployeeInfoExport?employeeIds=`+this.selectionEmployee;
        document.body.appendChild(a);
        a.click();  //下载
        URL.revokeObjectURL(a.href);    // 释放URL 对象 
        document.body.removeChild(a);   // 删除 a 标签
      }else{
         this.$message({message: '请选择要下载的职员',type: 'info'});
      }
    },

3、页面实现