由于使用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)
}
}
},参考链接: