vue实现将所表格选数据导出excel表格

最新推荐文章于 2024-06-22 14:00:21 发布

AiGarry

最新推荐文章于 2024-06-22 14:00:21 发布

阅读量771

点赞数

文章标签： vue.js excel javascript

本文链接：https://blog.csdn.net/AiGarry/article/details/127904197

版权

本文介绍如何在Vue项目中利用JavaScript处理后端返回的文件流，将表格数据导出为Excel文件。

摘要由CSDN通过智能技术生成

<el-button @click.stop="exportClick"  type="primary"> 导出 </el-button>

后端返回的是文件流


    async exportClick(){
      let condition = {};
      for (let k in this.searchParam) {
        if (this.searchParam[k] && this.searchParam[k].isActive) {
          condition[k] = this.searchParam[k].value;
        }
      }
      //selectedList  数组，选择的需要导出的列表数据
      let ids = this.selectedList.map((item:any)=>{
          return item.id
        })
      let param:any = {
        ids : ids,
        ...condition
      }
      if (this.equipType != undefined) {
        param.type = this.equipType;
      }
      let res = await getExport(param);
      if (res.status === 200) {
        const link = document.createElement("a");
        // 后缀名.xlsx   =====> type:"application/vn