Vue3-export excel form

Install xlsx and file-saver

yarn add file-saver xlsx
//或
npm install file-saver -S
npm install xlsx -S

The page introduces xlsx and file-saver

import * as XLSX from "xlsx";
import FileSaver from 'file-saver'

export function

//参数dom表示传入的表格dom节点，title表示导出的excel文件名称
const exData = (dom, title) => {
    let wb = XLSX.utils.table_to_book(dom, { raw: true })
    let wbout = XLSX.write(wb, { bookType: 'xlsx', bookSST: true, type: 'array' })
    try {
        FileSaver.saveAs(new Blob([wbout], { type: 'application/octet-stream' }), title + `.xlsx`)
    } catch (e) {
        if (typeof console !== 'undefined') {
            console.log(e, wbout)
        }
    }
    return wbout
}

transfer

exData(document.querySelector('#table'), '薪资表');