vue导出excel

1.下载依赖包

 npm install file-saver -s
 npm install xlsx -s
 npm install script-loader -d

2.项目引入Blob.js 和 export2Excel.js 两个文件

链接:https://pan.baidu.com/s/1yAwwrxMNJoY0AvFXW7JnDA
提取码：khml

3.给按钮添加绑定事件

//按钮绑定的方法名称
exportData() {
      this.excelData = this.userData;
      this.export2Excel();
    },
    export2Excel() {
      var that = this;
      require.ensure([], () => {
        const {
          export_json_to_excel
        } = require("../../assets/excel/Export2Excel");
        const tHeader = ["类别名称", "创建时间"]; // 导出的excel表头名信息
        const filterVal = [
          "cname",
          "createtime"
        ]; // 导出的excel表头字段名，需要导出表格字段名
        const list = that.excelData;
        const data = that.formatJson(filterVal, list);

        export_json_to_excel(tHeader, data, "类别表"); // 导出的表格名称，根据需要自己命名
      });
    },
    //格式转换，直接复制即可,不需要修改什么
    formatJson(filterVal, jsonData) {
      return jsonData.map(v => filterVal.map(j => v[j]));
    }