vue导出excel表格数据

用的vue开发的网站，两种方案，结合element-ui组件库也可以实现，第二种稍微麻烦一点，这里用的第二种

1、先下载两个js文件，文件链接在下边，可以直接下载用

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

---

这里单独封装了一下

// 封装的导出Excel表格
/**
 * 
 * listArr：导出的表格数据：[{name:'小王',age:'15',gender:'男'},{name:'Winter',age:'20',gender:'女'}]
 * headerData：表头：['姓名','年龄','性别']
 * filterVals：表头的字段名：['name','age','gender']
 * fileName：表格名称:'excel表格'
 */
export function exportExcel(listArr, headerData, filterVals, fileName) {
    require.ensure([], () => {
        const { export_json_to_excel } = require('./Export2Excel');
        const tHeader = headerData;
        const filterVal = filterVals;
        const list = listArr;
        const data = formatJson(filterVal, list);
        export_json_to_excel(tHeader, data, fileName);
    })
}
function formatJson(filterVal, jsonData) {
    return jsonData.map(v => filterVal.map(j => v[j]))
}