前端导出Excel表格

428 阅读1分钟

大家好!之前公司有个需求,要求前端把上传失败的数据,直接导出Excel表格,闲话不多说,让我看一下列子。
首先,介绍应用的插件,在我们要导出的页面要引入下面这连个文件


引入方式:


接下来是点击事件中的逻辑:
tableExcel() {
require.ensure([],()=> {
const { export_json_to_excel} = require('../../vendor/Export2Excel.js')
const tHeader = ['手机号','姓名','住址']//表头
const filtersVal = ['phone','name','address']//表头对应的字段
const listEorpt = this.contentLists;
const data1 = this.formatJson(filtersVal,listEorpt)
export_json_to_excel(tHeader,data1,'失败列表')
})
},
formatJson(filtersVal,listEorpt) {
return listEorpt.map(v=>filtersVal.map(j=>v[j]))
},
仅供参考!