vue導出數據excel

• 下載兩個依賴

npm install file-save xlsx

• 創建兩個文件 Blob.js與Export2Excel.js

  參考地址：文件地址

• 在Export2Excel.js中修改引入地址，注意地址的路徑，沒有script-loader依賴的話就去 npm install script-loader -D下載該依賴

• 在vue文件中使用

  引入文件：

  import {
​    export_json_to_excel
  } from '@/plugins/Export2Excel'

​ 點擊按鈕時導出文件

<a-button @click="exportExcel">導出</a-button>
    
exportExcel() {          
    const excelHeader = this.columns.map(item => item.title)
    
    const keys = this.columns.map(item => item.dataIndex)

    const excelData = this.dataSource.map(item => keys.map(i => item[i] || ''))
	const excelName='人員信息表'
    export_json_to_excel(excelHeader, excelData, excelName)

},

• 對於export_json_to_excel（）中幾個變量的解釋

  excelHeader爲導出數據的表頭
  excelHeader=['年齡','性別','姓名']
  

  excelData爲導出的數據
  excelHeader=[
      {16,'男','tom'},
      {17,'男','jim'}
      {12,'男','jon'}
      {16,'男','king'}
  ]
  //數據的順序與表頭一致
  

  excelName：表的名字