安裝依賴:
npm install -S file-saver //用來生成文件的web應用程序
npm install -S xlsx //電子表格格式的解析器
npm install -D script-loader //將js掛在在全局下
下載Blob.js和Export2Excel.js文件
Blob.js下載路徑:
https://pan.baidu.com/s/1IuIFzLLGLY824KVGtC2WKg
Export2Excel.js 下載路徑:
https://pan.baidu.com/s/17BAB-vASpWF7S4gXAfq61w
在src下創建vendors文件夾,放入Blob.js和Export2Excel.js(注意下面這個路徑!!!vendors文件夾名稱必須和下面一致)
引入excel這個文件並調用export_excel方法
exportExcel () {
if (this.tableData.length) {
this.exportLoading = true
const params = {
title: ['商戶ID', '組織說明', '組織名稱', '排序', '組織類型', '父ID'],
key: ['corpId', 'organizationDescrip', 'organizationName', 'organizationSort', 'organizationType', 'parentId'],
data: this.tableData,
filename: '組織列表'
}
excel.export_excel(params)
this.exportLoading = false
} else {
this.$Message.info('表格數據不能爲空!')
}
}
excel.js文件中的export_excel方法
excel表格樣式可在Export2Excel.js文件中修改