一、安裝兩個依賴包

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

二、項目中新建一個文件夾

里面放置兩個文件Blob.js和 Export2Excel.js。

同時注意Export2Excel里引用Blob的路徑是否正確。

三、使用案例

3.1、使用注意事項

表頭對應的鍵要和傳過來的數據的鍵一一對應。

3.2、將表頭和list的值合在一起

const data = _this.list.map(v => filterVal.map(j => v[j]))

這里要注意鍵值對要一一對應，否則為null，其中list是表格數據，是數組。里面有多個對象列表。將他們合并在一起。

3.3、將數據導出來

excel.export_json_to_excel(tHeader, data,'項目詳情') //表頭，數據，導出名字 數據里要包含表頭信息。

3.4、例子

handleDownload(){let _this = thisconst downAdminKeys_copy = Object.assign({}, downAdminKeys)this.$confirm("是否確認導出所有數據項?", "警告", {confirmButtonText: "確定",cancelButtonText: "取消",type: "warning",}).then(function () {_this.getData()console.log(downAdminKeys_copy)import('../../vendor/Export2Excel').then(excel=>{var tHeader = []var filterVal = []tHeader = Object.keys(downAdminKeys_copy)filterVal = Object.values(downAdminKeys_copy)const data = _this.list.map(v => filterVal.map(j => v[j]))excel.export_json_to_excel(tHeader, data,'項目詳情')})}).catch(error=> {console.log(error)}); }

其中list的數據格式為：

其中的downAdminKeys格式如下：

const downAdminKeys = { '項目編號': 'id', '項目名稱': 'pjName', '生成時間': 'pjRegisterTime', '省市區': 'pjCity','評估目的': 'pjPurpose','評估對象': 'pjObject','基準日': 'pjBaseDate', '評估部門': 'pjDepartment','評估人員': 'pjAssessmentStaff','估價師1': 'pjValuer','估價師2': 'pjSecondValuer','報告編號': 'pjReportNumber','項目狀態': 'pjStatus',}

取downAdminKeys的鍵和值：

var tHeader = [] var filterVal = [] tHeader = Object.keys(downAdminKeys_copy) filterVal = Object.values(downAdminKeys_copy)

四、加導出文件后綴年月日

生成年月日代碼：年-月-日

var date = new Date() var year = date.getFullYear() // 年 var month = date.getMonth() + 1 // 月 var strDate = date.getDate() // 日 if (month >= 1 && month <= 9) { month = '0' + month } if (strDate >= 0 && strDate <= 9) { strDate = '0' + strDate } const exportDate = year + '-' + month + '-' + strDate

Date <= 9) { strDate = ‘0’ + strDate }
const exportDate = year + ‘-’ + month + ‘-’ + strDate

本項目所需文件鏈接:https://wws.lanzoub.com/i7E4j0351c2j 密碼:a0kh

總結

以上是生活随笔為你收集整理的Vue导出Excel表格信息的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。