VUE+Element-UI使用XLSX插件前端导出Excel时，日期、身份证号等信息不对的处理办法

蓝洛水深 • 2022年12月28日下午12:46 • 软件 • 阅读 1011

如下图所示，导出时，本来日期处只显示年月，导出后被补全到时分秒。

而身份证号码则也如上图所示，变成了科学计数。

尝试增加样式

网上很多朋友提供了这个方法，即在身份证所在单元格设置格式。

<td style="mso-number-format:'\@';">100821199909091234</td>

增加了  style="mso-number-format:'\@';"  样式后 可以解决 ，

增加了 style="mso-number-format:'\@';" 样式后可以解决，

但是我这里没办法在el-table-column中新增这个样式，故而没办法实现。

给XLSX插件传入参数

function outputFile() {
    let xlsxParam = { raw: true }
    var ws1 = XLSX.utils.table_to_book(document.querySelector('#output'), xlsxParam)// 对应要导出的表格id

    /* get binary string as output */
    var wbOut = XLSX.write(ws1, {
        bookType: 'xlsx',
        bookSST: true,
        type: 'array'
    })
    try {
        FileSaver.saveAs(
            new Blob([wbOut], { type: 'application/octet-stream' }),
            data.value.comInfo.custName + data.value.comInfo.year + '-' + data.value.comInfo.month + '账单导出.xlsx'
        )
    } catch (e) {
        if (typeof console !== 'undefined') console.log(e, wbOut)
    }
    return wbOut
}