安裝依賴

npm install file-saver xlsx -S

然后在需要的頁面中引入依賴包

import FileSaver from 'file-saver';
import XLSX from 'xlsx';

下面就是導(dǎo)出的方法

// 導(dǎo)出
handle_export() {
    var xlsxParam = {
        raw: true
    }; //轉(zhuǎn)換成excel時，使用原始的格式，這樣導(dǎo)出的時候數(shù)字過長不會變成科學(xué)計數(shù)法
    let workbook = XLSX.utils.book_new();
    let ws1 = XLSX.utils.table_to_sheet(document.querySelector('#table1'), xlsxParam);
    XLSX.utils.book_append_sheet(workbook, ws1, '已審核');
    let ws2 = XLSX.utils.table_to_sheet(document.querySelector('#table2'), xlsxParam);
    XLSX.utils.book_append_sheet(workbook, ws2, '上傳歷史');
    let ws3 = XLSX.utils.table_to_sheet(document.querySelector('#table3'), xlsxParam);
    XLSX.utils.book_append_sheet(workbook, ws3, '待審核');
    let wbout = XLSX.write(workbook, {
        bookType: 'xlsx',
        bookSST: true,
        type: 'array'
    });
    try {
        FileSaver.saveAs(
        new Blob([wbout], {
            type: 'application/octet-stream;charset=utf-8"'
        }), '審核列表.xlsx');
    } catch (e) {
        if (typeof console !== 'undefined') console.log(e, wbOut);
    }
    return wbout;
}

總結(jié)

以上是生活随笔為你收集整理的在vue中使用XLSX导出表格的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。