1. 裝下面兩個包

npm install -S file-saver xlsx
npm install -D script-loader

2. 引入裝的包

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

3. 設定觸發時機 點選觸發

<el-button @click="exportToExcel">匯出</el-button>

4. 把table 資料 用 div 包裹起來

<div id="table_box">
    <table>
        (table表格內容,我是用elementui中的表格寫的)
    
 
</table>
</div>

5. 匯出為xlsx

exportToExcel () {
　　// 這裡獲取的id 是上面包裹 表格的 id , 獲取到的是區域
    let et = XLSX.utils.table_to_book(document.getElementById('table_box'));
    let etout = XLSX.write(et, { 
        bookType: 'xlsx', 
        bookSST: true, 
        type: 'array' 
    });
    try {
        FileSaver.saveAs(
 
new Blob([etout], { 
            type: 'application/octet-stream' 
        }), 'trade-publish.xlsx');   //trade-publish.xlsx 為匯出的檔名
    } catch (e) {
        console.log(e, etout) ;
    }
    return etout;
}

完整示例 請看https://www.cnblogs.com/liuyuexue520/p/13692751.html