一、需求
二、技术栈
- 前端框架:vue2
- 前端UI框架:Ant Design of Vue(v1.7.8)
三、代码
<template>
<a-button type="primary" @click="onClick">点击下载</a-button>
</template>
<script>
import api from '@/api/api.js';
export default {
methods: {
onClick() {
api.downloadEleMouldFile().then((res) => {
const link = document.createElement('a');
const url = window.URL.createObjectURL(new Blob([res]), {
type: 'application/vnd.ms-excel',
});
link.href = url;
link.download = '泡泡哥牛逼.xls';
document.body.appendChild(link);
link.click();
document.body.removeChild(link);
window.URL.revokeObjectURL(url);
});
},
},
};
</script>
<style></style>
function downloadEleMouldFile(parameter) {
return request({
url: api.downloadEleMouldFile,
method: 'post',
params: parameter,
responseType: 'blob'
});
}
四、效果