vue导出数据excel
- 下载两个依赖
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