小伙伴们,我们平时再开发过程中经常遇到一些很生僻的需求,有很多需求和代码都是以后我们工作中可用百分之九十以上复用的,今天向大家分享一篇vue 管理系统的表格下载功能,代码简单,更改下名字即可使用,希望对大家有所帮助 P话不多说直接上手CV即可
### 下载
//点击事件(根据自己所需更改相应名称)
exportClick() {
//后端提供的下载接口,无需传参(根据自己所需更改相应接口名称)
userexportApi({})
.then((res) => {
// 指定生成的文件名
var fileName = "user.xlsx";
var blob = res.data;
var a = document.createElement("a");
a.innerHTML = fileName;
a.download = fileName;
a.href = URL.createObjectURL(blob);
document.body.appendChild(a);
var evt = document.createEvent("MouseEvents");
evt.initEvent("click", false, false);
a.dispatchEvent(evt);
document.body.removeChild(a);
})
.catch((res) => {
console.log("导出失败", res);
});
},