【vue导入导出Excel】vue简单实现导出和导入复杂表头excel表格功能【纯前端版本和配合后端版本】

###  配合后端的两个方法


 因为上面的纯前端写法有一个问题，就是有分页的时候我们没法拿到数据。  
 或者数据太大了我们下载实在是有点慢和卡。所以基本上工作中都是后端生成下载链接导出的。  
 这里再分享两个方法。


1,[a标签](https://bbs.csdn.net/topics/618166371)下载


这种方法核心就是后端直接生成下载链接，前端只需要生成A标签然后下载就行了。较为常用的一个

daochu(){
// A标签导出方法：通过生成一个A标签然后触发后台传过来的下载链接完成导出
//核心注意需要给请求的格式改为：responseType: “blob”,
this.axios
.post(
url, {}, {
token: true,
responseType: “blob”,
}
)
.then((res) => {
if (res.status == 200) {
//拿到后台发过来的下载链接
let url = window.URL.createObjectURL(new Blob([res.data]));
//生成一个A标签
let link = document.createElement(“a”);
//样式设为none，没有大小，不占位置
link.style.display = “none”;
//把链接地址给href
link.href = url;
//下载后的名字，用时间来标注避免重复
let filename = new Date().getTime() + “.xlsx