vue導出excel

一、安裝依賴 npm install -S file-saver xlsx npm install -D script-loader 二、導入JS 下載Blob.js和Export2Excel.js,放入src下文件夾中 三、將Export2Excel.js中require('script-loader!vendor/Blob')修改成require('./Blob.js') 四、組件中使用 handleExport () { require.ensure([], () => { const { export_json_to_excel } = require('@/excel/Export2Excel') const tHeader = ['序號', '名稱'] // 上面設置Excel的表格第一行的標題 const filterVal = ['index', 'name'] // 上面的index、nickName、name是tableData裏對象的屬性 const data = this.formatJson(filterVal, this.allData) export_json_to_excel(tHeader, data, '測試表') }) }, formatJson (filterVal, jsonData) { return jsonData.map(v => filterVal.map(j => v[j])) }