Javascript——vue下载blob文档流

<el-table-column label="操作" fixed="right" width="150" showOverflowTooltip><template slot-scope="scope"><el-button type="text" v-has="'stbsd-gjcx-down'" class="edit-button" @click="downloadCick(scope.row)">下载</el-button></template></el-table-column>

//根据接口下载文件由后端定义格式
//getDataDownload 接口
downloadCick(row) {getDataDownload({ id: row.id }).then((res) => {const blob = res; //获取Blob对象const elink = document.createElement('a'); // 创建一个超链接对象实例elink.href = URL.createObjectURL(blob); //设置a标签的href属性为一个包含Blob对象的URLdocument.body.appendChild(elink);elink.click(); // 触发超链接的点击事件URL.revokeObjectURL(elink.href); // 释放URL 对象document.body.removeChild(elink); // 移除超链接对象实例});},

实现效果