tabla de exportación de antd vue a Excel

1. Dependencias de instalación

npm install -S file-saver xlsx

npm install -S script-loader

2. Introduzca el archivo js y colóquelo en la carpeta de Excel recién creada en el directorio src.

Enlace: https://pan.baidu.com/s/11PB_IYS2Y0z5T1YKVNF0MQ Código de extracción: 46h5 Después de copiar este contenido, abra la aplicación de teléfono móvil Baidu Netdisk, la operación es más conveniente

 3. Introduzca los dos archivos agregados en main.js (la ruta se modifica de acuerdo con su propio directorio de archivos)

// Exportar Excel

importar Blob desde "@ / excel / Blob.js"

importar Export2Excel desde "@ / excel / Export2Excel.js"

 4. Modifique la ruta de Blob.js en el archivo Export2Excel.js.

5. Vuelva al componente que desea utilizar la función de exportación para prepararse para la exportación.

Escriba dos métodos en métodos, de la siguiente manera:

export2Excel() {
        require.ensure([], () => {
          const { export_json_to_excel } = require('../../../excel/Export2Excel');//路径需要自行修改
          let tHeader = ['指标名称', '数量'];
          let filterVal = ['lc_hz', 'sl'];
          let tTitle = '自然资源资产收支表'
          const list = this.statisticData;  //把data里的tableData存到list
          const data = this.formatJson(filterVal, list);
          export_json_to_excel(tHeader, data, tTitle);
        })
      },
      formatJson(filterVal, jsonData) {
        return jsonData.map(v => filterVal.map(j => v[j]))
      },