美文网首页大前端
js导出excel(使用js-export-excel),并解决

js导出excel(使用js-export-excel),并解决

作者: jack钱 | 来源:发表于2021-12-15 16:52 被阅读0次

纯js导出,各个框架都可以使用
导出时可能会遇到Cannot read property 'encode_cell' of undefined的错误,本文第四点有解决方案

一.安装插件js-export-excel

yarn add js-export-excel
或
npm install js-export-excel

二.引入

import ExportJsonExcel from 'js-export-excel';

三.使用,在点击事件中调用下方函数即可

const exportExcel = () => {
    let dataTable = [{
      'Test1': 'hello',
      'Test2': 'tim'
    }]
    var option = {}
    option.fileName = 'Test'
    option.datas = [
      {
        sheetData: dataTable,
        sheetName: 'sheet',
        sheetFilter: ['Test1', 'Test2'],
        sheetHeader: ['Test1', 'Test2']
      }
    ]
    var toExcel = new ExportJsonExcel(option)
    toExcel.saveExcel()
  }

四.报错:Cannot read property 'encode_cell' of undefined
是因为XLSX没有挂载上,需要手动挂载一下
1.先安装xlsx

yarn add xlsx
或
npm install xlsx

2.在ExportJsonExcel下方引入xlsx,并挂载到全局

import XLSX from 'xlsx';
window.XLSX = XLSX;

3.问题解决,成功导出

相关文章

网友评论

    本文标题:js导出excel(使用js-export-excel),并解决

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