VUE+element-ui实现(文件流)文件导出功能-超详细版本

最新推荐文章于 2024-03-14 11:22:38 发布

采故事的女孩

最新推荐文章于 2024-03-14 11:22:38 发布

阅读量5.4k

点赞数 2

分类专栏： vue element-ui 文章标签： javascript vue.js

本文链接：https://blog.csdn.net/weixin_42416812/article/details/109382873

版权

本文详述如何在Vue应用中，利用Element UI库，处理后端返回的文件流进行文件导出。重点在于讲解在不依赖模板文件，而是直接使用后端返回的文件流数据导出表格的方法。

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

很久之前记录了一篇vue导出模板的功能，vue导出模板下载
https://blog.csdn.net/weixin_42416812/article/details/103863501
这个需要提供一个模板文件，然后存在前端，最后再导出。

今天补充下，后端返回一个文件流的情况下，怎么导出element-ui的表格文件

  <el-button
          type="success"
          size="mini"
          icon="el-icon-download"
          @click="clickExport"
          >Excel导出</el-button
        >

methods里面的js代码

clickExport() {
   
      this.downloadLoading = true
      let exportQuery = JSON.parse(JSON.stringify(this.tableQuery));
      //返回给后端的分页参数
      exportQuery.PageIndex = 1;
      exportQuery.PageSize = 8888