美文网首页
将页面表格数据(列表)导出为excel

将页面表格数据(列表)导出为excel

作者: de650ed0ad7e | 来源:发表于2019-02-26 10:51 被阅读0次

    将后台返回的数据v-for展示,现在将展示的table数据导出为excel文件,实质就是将返回的列表写入excel

    
    
    methods: {
    
        //数据写入excel
    
            export2Excel() {
    
              var that = this;
    
              require.ensure([], () => {
    
                const { export_json_to_excel } = require('@/excel/export2Excel'); //这里必须使用绝对路径,使用@/+存放export2Excel的路径
    
                const tHeader = ['测试单号','电芯序号','电芯组别','Barocde','测试ID','测试项目名','测试顺序']; // 导出的表头名信息
    
                const filterVal = ['fd_apply_no','num', 'group', 'cell','item_id','item_name','bt_test_order']; // 导出的表头字段名,需要导出表格字段名
    
                const list = that.cellData;   #要导出的table数据
    
                const data = that.formatJson(filterVal, list);
    
                export_json_to_excel(tHeader, data, that.fd_apply_no);// 导出的表格名称,根据需要自己命名
    
              })
    
            },
    
          // 格式转换,直接复制即可
    
            formatJson(filterVal, jsonData) {
    
              return jsonData.map(v => filterVal.map(j => v[j]))
    
            },
    
    }
    
    
    
    image

    https://blog.csdn.net/sisi_chen/article/details/82754240

    [下载**Blob.js ,export2Excel.js地址:](

    https://pan.baidu.com/s/1yH0YTTthyDgi9rem_bVfPw)

    相关文章

      网友评论

          本文标题:将页面表格数据(列表)导出为excel

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