zoukankan      html  css  js  c++  java
  • vue 导出数据到excel

    实现功能:后台返回JSON,将JSON数据倒出到excel

    1.安装依赖

      npm install -S file-saver xlsx

      npm install -D script-loader

    2.引入插件

      

      我的文件目录:

      

    3.调用方法

    先封装:

     1 toolObj.export2Excel=((header,val,tableData)=>{  
     2     require.ensure([], () => {    
     3         const {
     4             export_json_to_excel
     5         } = require('../../vendor/Export2Excel'); //根据目录结构决定   
     6         const tHeader = header;    
     7         const filterVal = val;    
     8         const list = tableData;    
     9         const data = toolObj.formatJson(filterVal, list);    
    10         export_json_to_excel(tHeader, data, '列表excel');  
    11     })
    12 }),
    13 toolObj.formatJson=((filterVal, jsonData) =>{  
    14     return jsonData.map(v => filterVal.map(j => v[j]))
    15 })

    再调用:

      参数说明:this.tableData => 想要导出的Json

           header => 导出excel的表头

           val => 对应表头的JSON中的key值

    1  //导出
    2             handelExport() {  
    3                 let header = ["订单id", "客户id", "客户姓名"];
    4                 let val = ["order_id", "cus_id", "name"];
    5                 toolObj.export2Excel(header, val, this.tableData);
    6             },

     4.webpack设置

      在build----webpack.base.conf.js中resolve的alias加入 'vendor': path.resolve(__dirname, '../src/vendor')

      

  • 相关阅读:
    SQL之merge into(转)
    SQL Server 中的 NOLOCK 到底是什么意思?
    SSIS之数据流任务
    SSIS之序列容器
    SSIS的控制流之Foreach循环容器和序列容器
    SSIS的控制流之For循环容器
    SSIS包的组建之连接管理器
    SSIS包的开发
    SSIS简介
    ODBC、OLE DB、 ADO的区别
  • 原文地址:https://www.cnblogs.com/hanchongyang/p/8664839.html
Copyright © 2011-2022 走看看