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')