美文网首页
前端导出表格使用方法

前端导出表格使用方法

作者: DUREX_ead1 | 来源:发表于2019-12-21 10:29 被阅读0次

// 导出日志

    async outData() {

      const { data: res } = await this.$http.post(

        "system/handleExportLog",

        qs.stringify(this.logIdsss),

        {

          responseType: "blob"

        }

      );

      console.log(res);

      const link = document.createElement("a");

      let blob = new Blob([res], { type: "application/vnd.ms-excel" });

      link.style.display = "none";

      link.href = URL.createObjectURL(blob);

      let num = "";

      for (let i = 0; i < 10; i++) {

        num += Math.ceil(Math.random() * 10);

      }

      link.setAttribute("download", "操作日志_" + num + ".xlsx");

      document.body.appendChild(link);

      link.click();

      document.body.removeChild(link);

    }

相关文章

  • 前端导出表格使用方法

    //导出日志 asyncoutData(){ const{data:res}=awaitthis.$http.po...

  • VUE纯前端导出excel表格功能

    插件:使用vue-json-excel插件实现Vue纯前端导出简单的Excel表格功能。 使用方法 1. 安装依赖...

  • Quasar 导出的csv中文乱码

    任务:将前端表格导出excel。 前端的表格是Quasar的table组件,官方给出了文件导出的例子。例子是利用 ...

  • vue.js、javascript前端导出excel文件

    (vue.js、javascript导出excel文件,前端导出excel文件) 项目需要导出excel表格,本来...

  • 前端自己导出表格

    使用table标签方式将json导出xls文件 导出 function tableToExcel(){...

  • 前端导出CSV表格

    一、直接上结果: 二、功能代码(在这里我把导出CSV这个功能封装成了一个函数,方便后续使用): 三、调用 1.从后...

  • 前端导出excel 表格

    1、场景 一般开发中,下载excel是后端这边放到服务器上,然后读取文件流,然后给接口前端,前端直接下载的不过下载...

  • Angular前端xlsx-style导出Excel

    项目需要在前端导出Excel,数据导出很容易,但是导出表格的样式设置折腾了好久终于搞定。记录如下:1、在Angul...

  • 前端通过后台返回的字符流导出excel表格

    1.平时前端导出excel表格时简单的方式 2.有时候导出需要权限的时候,后台要求在导出的时候要在headers里...

  • GridManager 导出

    GridManager 具有表格数据导出功能,该功能为纯前端实现,对后端无依赖。 1.初始化时指定启用导出功能。方...

网友评论

      本文标题:前端导出表格使用方法

      本文链接:https://www.haomeiwen.com/subject/snawnctx.html