Vue項目實現excel導出

一、package.json裏面安裝三個插件

          npm install  xlsx  --save

          npm install  script-loader  –save-dev

          npm install  file-saver  –save-dev  

二、src下建立vendor文件夾，裏面放Blob.js、Export2Excel.js

 

三、webpack.base.conf.js進行修改

      alias下面添加 'vendor': resolve('src/vendor')

 

四、組件寫入代碼

 

 1  // 導出excel文件
 2       exportInformation () {
 3         require.ensure([], () => {
 4           const { export_json_to_excel } = require('vendor/Export2Excel')
 5           const tHeader = ['ID', '公司名稱', '聯繫人', '手機號', '郵箱', '所在地區', '業務需求', '業務描述']
 6           const filterVal = ['id', 'nameVal', 'contactsVal', 'telephoneVal', 'emailVal', 'addressPro', 'bussNedds', 'busDescription']
 7           const list = this.dataList
 8           const data = this.formatJson(filterVal, list)
 9           export_json_to_excel(tHeader, data, '列表excel')
10         })
11       },
12       // 格式化json數據
13       formatJson (filterVal, jsonData) {
14         return jsonData.map(v => filterVal.map(j => v[j]))
15       }

 

項目中遇到的問題：

        打包發佈到服務器上（本地沒問題），點擊導出按鈕的時候，報錯，說0.js找不到，正常狀況下應該放入下面的文件夾中

         

         

如今測試又成功了，搞不懂爲何