vue 導出數據到excel

實現功能：后台返回JSON，將JSON數據倒出到excel

1.安裝依賴

　　npm install -S file-saver xlsx

　　npm install -D script-loader

2.引入插件

　　

　　我的文件目錄：

　　

3.調用方法

先封裝：

toolObj.export2Excel=((header,val,tableData)=>{　　
    require.ensure([], () => {　　　　
        const {
            export_json_to_excel
        } = require('../../vendor/Export2Excel');　//根據目錄結構決定　　　
        const tHeader = header;　　　　
        const filterVal = val;　　　　
        const list = tableData;　　　　
        const data = toolObj.formatJson(filterVal, list);　　　　
        export_json_to_excel(tHeader, data, '列表excel');　　
    })
}),
toolObj.formatJson=((filterVal, jsonData) =>{　　
    return jsonData.map(v => filterVal.map(j => v[j]))
})

再調用:

　　參數說明：this.tableData => 想要導出的Json

　　　　　　　header => 導出excel的表頭

　　　　　　　val => 對應表頭的JSON中的key值

 //導出
            handelExport() {　　
                let header = ["訂單id", "客戶id", "客戶姓名"];
                let val = ["order_id", "cus_id", "name"];
                toolObj.export2Excel(header, val, this.tableData);
            },

 4.webpack設置

　　在build----webpack.base.conf.js中resolve的alias加入 'vendor': path.resolve(__dirname, '../src/vendor')