美文网首页
vue导出json数据到Excel表格

vue导出json数据到Excel表格

作者: KC莲 | 来源:发表于2020-06-22 16:54 被阅读0次

下载依赖

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]))
    },

相关文章

网友评论

      本文标题:vue导出json数据到Excel表格

      本文链接:https://www.haomeiwen.com/subject/fgfffktx.html