文件导出两种方式

最新推荐文章于 2024-07-17 08:19:08 发布

小阳睡不醒

最新推荐文章于 2024-07-17 08:19:08 发布

阅读量668

点赞数

分类专栏： react 面试题文章标签：前端 javascript vue.js

本文链接：https://blog.csdn.net/m0_70730767/article/details/129183416

版权

react 同时被 2 个专栏收录

13 篇文章 0 订阅

订阅专栏

面试题

12 篇文章 0 订阅

订阅专栏

文件导出

文章目录

文件导出
一、格式
二、excel格式
三、json格式

一、格式

文件导出格式分为excel和json
引入：

import * as XLSX from 'xlsx';
import { saveAs } from 'file-saver';

二、excel格式

  const handleExport2 = async () => {
    let { data } = await axios.get(`http://localhost:3000/leave`);//自己定义的接口
    console.log(data);
    let sheet = XLSX.utils.json_to_sheet(data);
    let book = XLSX.utils.book_new();
    XLSX.utils.book_append_sheet(book, sheet, 'sheet1');
    XLSX.writeFile(book, `userlist${new Date().getTime()}.xls`);
  };

注：data代表请求的数据格式为[{},{},{}…]
在这里插入图片描述

三、json格式

代码如下（示例）：

  const handleExport = async () => {
    let { data } = await axios.get(`http://localhost:3000/leave`);//自己定义的接口
    console.log(data);
    const fileStream = JSON.stringify(data);
    const blob = new Blob([fileStream]);
    saveAs(blob, `表单.json`);
  };