IE11兼容,a标签下载无效

2,140 阅读1分钟

由于使用a标签下载时,需要download属性,此属性不兼容ie,在此情况下,若想使用纯前端方式进行下载,可以使用如下方法。

原代码:

<el-tooltip class="item" effect="dark" content="下载Bpmn文件" placement="top">
<a href="javascript:void(0)" ref="downloadLink"
class="el-button el-button--default el-button--medium">
<i class="el-icon-download"></i>
</a>
</el-tooltip>

修改后代码:

<el-tooltip class="item" 
effect="dark" 
content="下载Bpmn文件"
placement="top"> 
<a href="javascript:void(0)"
ref="downloadLink"
@click="downloadBpmn()"
class="el-button el-button--default el-button--medium">
<i class="el-icon-download"></i>
</a>
</el-tooltip> 
downloadBpmn() {
const blob = new Blob([this.xmlStr])
// const href = window.URL.createObjectURL(blob) 
// 创建下载的链接
if (window.navigator.msSaveBlob) {
try {
const name = this.propertiesName
window.navigator.msSaveBlob(blob, `${name}.bpmn`)
} catch (e) {
console.log(e)
}
}
},

参考链接:

blog.csdn.net/p312011150/…

www.cnblogs.com/mmzuo-798/p…