antd vue 将表格导出为Excel

1.安装依赖

npm install -S file-saver xlsx

npm install -S script-loader

2.引入js文件 放在src目录下新建excel文件夹里面

链接: https://pan.baidu.com/s/11PB_IYS2Y0z5T1YKVNF0MQ 提取码: 46h5 复制这段内容后打开百度网盘手机App，操作更方便哦

 3.在main.js里引入添加的两个文件（路径根据自己文件目录自行修改）

// 导出Excel

import Blob from "@/excel/Blob.js"

import Export2Excel from "@/excel/Export2Excel.js"

 4.修改Export2Excel.js文件中Blob.js路径

5.回到要用导出功能的组件里准备导出。

在methods里写入两个方法，如下:

export2Excel() {
        require.ensure([], () => {
          const { export_json_to_excel } = require('../../../excel/Export2Excel');//路径需要自行修改
          let tHeader = ['指标名称', '数量'];
          let filterVal = ['lc_hz', 'sl'];
          let tTitle = '自然资源资产收支表'
          const list = this.statisticData;  //把data里的tableData存到list
          const data = this.formatJson(filterVal, list);
          export_json_to_excel(tHeader, data, tTitle);
        })
      },
      formatJson(filterVal, jsonData) {
        return jsonData.map(v => filterVal.map(j => v[j]))
      },