美文网首页
前端导出Excel==>整理收藏

前端导出Excel==>整理收藏

作者: 小米和豆豆 | 来源:发表于2021-01-06 20:11 被阅读0次
import * as FileSaver from 'file-saver'; //浏览器读取本地的文件已经保存文件所需要的依赖。
.........

let obj = {
    exportItem: this.tableList,//[]
    exportHeader: headerArr.join(),// ''
    exportColumns: keyArr,// []
    exportName: fileName || '' //''
}

//导出列表功能
exportList(obj) {
    var exportHeader = obj.exportHeader + '\n';
    const exportItem = obj.exportItem; // this.item是一个数组,包含需要导出的内容
    var exportColumns = obj.exportColumns;  //[]  数组每一项是导出的key值
    var exportPrefix = '\uFEFF';

    var exportContent = exportPrefix + exportHeader;
    for (var i in exportItem) {
        for (var c in exportColumns) {
            exportContent += '' + (exportItem[i][exportColumns[c]] !== null ? exportItem[i][exportColumns[c]] : '') + ',';
        }
        exportContent += '\n';
    }
    this.saveAsExcelFile(exportContent, obj.exportName);
}

saveAsExcelFile(buffer: any, fileName: string) {
    const data: Blob = new Blob([buffer], {
        type: "text/plain;charset=utf-8"
        // type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=UTF-8'
    });
    FileSaver.saveAs(data, fileName + '_' + new Date().getTime() + '.csv');
}

相关文章

网友评论

      本文标题:前端导出Excel==>整理收藏

      本文链接:https://www.haomeiwen.com/subject/qavtoktx.html