前端实现导出Excel

可将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就是一个文件名 不传默认为'数据'文件名