将vue react js html中的table数据导出成为excel文件

v1.5.0 更新:增加属性可链选 比如可以可以对应"obj.name.abc.xxx"这样的值了

这是一个非常轻量的库,可以将数据导出成为excel文件

使用方法

1.安装

1npm install qf-export-excel

2.引入

1const qee = require("qf-export-excel")
2或者
3import qee from "qf-export-excel"

2.直接将该方法绑定到某个事件函数

1button.click = function(){
2    qee(titleList,dataSource,fileName)
3}

3.参数

这个库是个函数方法接收3个参数,分别是titleList dataSource fileName

titleList:这是标题的数据来源,是一个数组,每个值是个对象,对象中有两个属性,一个是title对应的是表格的表头文字,key是对应导出数据的key

1let titleList = [{
2    title: '姓名',
3    key: 'name'
4}, {
5    title: '年龄',
6    key: 'age'
7}, {
8    title: '住址',
9    key: 'address'
10}]
11

dataSource 数据应该是这样的

1let dataSource = [{
2    name: '前端摸鱼欧阳锋',
3    age: 18,
4    address: '南京建邺区201号'
5}, {
6    name: '周春',
7    age: 22,
8    address: '南京江宁区123号'
9}, {
10    name: '孔德鹏',
11    age: 32,
12    address: '祖安文化街'
13}]

fileName就是一个文件名 不传默认为'数据'文件名

github地址:https://github.com/ilovede123/export-excel.git

码云: https://gitee.com/d718781500/export_table_to_excel

掘金@前端摸鱼欧阳锋