vue导出json数据到Excel表格

2020-06-22  本文已影响0人  KC莲

下载依赖

npm install file-saver --save
npm install xlsx --save
npm install script-loader --save-dev

获得这两个文件

image.png

导出方法

/**
     * 导出表格
     */
    exportTable() {
      require.ensure([], () => {
        const { export_json_to_excel } = require('../../../vendor/Export2Excel');    //引入文件
        const tHeader = ['内部标识符', '数据元标识符', '公用数据元名称',];  //将对应的属性名转换成中文
        const filterVal = ['innerId', 'datametaCode', 'datametaName'];    //table表格中对应的属性名
        const list = this.list;
        const data = this.formatJson(filterVal, list);
        export_json_to_excel(tHeader, data, '导出文件名');
      })
    },
    formatJson(filterVal, jsonData) {
      return jsonData.map(v => filterVal.map(j => v[j]))
    },
上一篇 下一篇

猜你喜欢

热点阅读