可将vue react js html中的table数据导出成为excel文件
qf-export-excel是一个非常轻量的库,可以将数据导出成为excel文件
使用方法
1.安装
npm install qf-export-excel
2.引入
const qee = require("qf-export-excel")
或者
import qee from "qf-export-excel"
2.直接将该方法绑定到某个事件函数
button.click = function(){
qee(titleList,dataSource,fileName)
}
3.参数
这个库是个函数方法接收3个参数,分别是titleList dataSource fileName
titleList
:这是标题的数据来源,是一个数组,每个值是个对象,对象中有两个属性,一个是title对应的是表格的表头文字,key是对应导出数据的key
let titleList = [{
title: '姓名',
key: 'name'
}, {
title: '年龄',
key: 'age'
}, {
title: '住址',
key: 'address'
}]
dataSource
数据应该是这样的
let dataSource = [{
name: '测试1',
age: 18,
address: '测试地区1'
}, {
name: '测试2',
age: 21,
address: '测试地区2'
}, {
name: '测试3',
age: 20,
address: '测试地区3'
}]
fileName
就是一个文件名 不传默认为'数据'文件名