- 下載兩個依賴
npm install file-save xlsx
-
創建兩個文件
Blob.js
與Export2Excel.js
參考地址:文件地址
-
在vue文件中使用
引入文件:
import { arrayToExcel, tableToExcel } from '../libs/Export2Excel'
// 測試導出excel
function testExportExcel() {
let header = ['時間', '訪問量']
let data = [
['00:00:00', 20],
['01:00:00', 30],
['02:00:00', 40],
]
let filename = '網站訪問量'
document.querySelector('.array-export').addEventListener('click', () => {
arrayToExcel({
header,
data,
filename,
})
})
document.querySelector('.table-export').addEventListener('click', () => {
tableToExcel({
id: 'table-excel-data',
fileName: '存款',
})
})
}
~~~js