Vue3.0 导出Excel

Vue3.0 导出Excel

先安装
Blob.js
Export2Excel.js

在Export2Excel.js.稍作修改

require('../export/Blob');//引入自己的Blob.js，每个人情况不一样

import { export_json_to_excel } from "../until/export/Export2Excel.js";

 let exports = async () => {
      await exportall().then((ref) => {
        require.ensure([], () => {
          const tHeader = ["id", "姓名"]; // 对应表格head
          const filterVal = ["studentId", "studentName"]; // 导出数据的字段
          const list = ref.data; // 表格数据
          const data1 = formatJson(filterVal, list);
          export_json_to_excel(tHeader, data1, "xlsx"); // 对应下载文件的名字
        });
      });
    };

  let formatJson = (filterVal, jsonData) => {
      return jsonData.map((v) => filterVal.map((j) => v[j]));
    };