需求將表格中的數(shù)據(jù)導(dǎo)出為excel文件

工具 excel插件

在你的工具文件夾下新建index.js頁面

在這里插入代碼片 export function exportExcelFile(array, sheetName, fileName) {console.log(array, sheetName, fileName, 'array下載得數(shù)據(jù)數(shù)組，sheetName數(shù)據(jù)結(jié)構(gòu)（不知道什么意思希望有大神指出來）,fileName下載的文件名稱')const jsonWorkSheet = xlsx.utils.json_to_sheet(array)console.log('jsonWorkSheet', jsonWorkSheet)const workBook = {SheetNames: [sheetName],Sheets: {[sheetName]: jsonWorkSheet}}console.log('workBook', workBook)return xlsx.writeFile(workBook, fileName) }

然后在需要使用的vue頁面導(dǎo)入

在這里插入代碼片 <el-button @click="download()">下載</el-button>download() {// exportExcelFile//this.multipleSelection這個是選中的表格都在這個數(shù)組中因?yàn)橐笫侵幌螺d選中的const sheetName = '表1'const fileName = '告警信息.xlsx'const tabList = []//這一塊是因?yàn)橄螺d下來是字段加上字段內(nèi)容不符合要求所以將字段 改為漢文for (let index = 0; index < this.multipleSelection.length; index++) {const element = this.multipleSelection[index]const obj = {'姓名': element.userName,'身份證號': element.cardNo,'性別': element.gender,'身高': element.height,'體重': element.weight,'體溫': element.temperature,'告警時間': element.createTime,'告警類型': '體檢數(shù)據(jù)異常','告警信息': element.isHandled == 1 ? '已處理' : '未處理','體檢結(jié)果': element.isAbnormal == 1 ? '異常' : '正常','告警內(nèi)容': element.resultDescription,'序號id': element.id,'血壓(舒張壓)': element.diastolicPressure,'血壓（收縮壓）': element.systolicPressure,'公司名稱': element.deptName,'用戶主鍵ID': element.userId// element.warningType}tabList.push(obj)}console.log(this.multipleSelection)exportExcelFile(tabList, sheetName, fileName)},

最后導(dǎo)入雖然也寫出來來但是沒有搞懂
希望有大神講解一下共同進(jìn)步

總結(jié)

以上是生活随笔為你收集整理的纯前端下载excel数据（导出）的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

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