table前端导出

table前端导出

先安装两个包

npm install xlsx file-saver -S
npm install script-loader -S -D

导入两个文件到项目中：
1.Blob.js: Blob.
2.Export2Excel.js: Export2Excel.

onExportExcel() {
        require.ensure([], () => {
          const {export_json_to_excel} = require('../../../assets/js/excelexport/Export2Excel') //文件目录
          const tHeader = ['分类', '数量']   //自定义列名
          const filterVal = ['name', 'value']   //对应tableData里对象的属性
          const list = this.ylmArray   //table数据
          const data = this.formatJson(filterVal, list);
          data.unshift(['合计',this.total])
          export_json_to_excel(tHeader, data, '查询分析表');  //导出文件名称
        })
      },

      formatJson(filterVal, jsonData) {
        return jsonData.map(v => filterVal.map(j => v[j]))
      },