zoukankan      html  css  js  c++  java
  • vur项目中使用Export2Excel实现导出功能

    1.下载 file-saver 、xlsx 、script-loader
     
    2.网上下载js文件

    3. methods代码:

    handleExport() {
             var obj = {
              provinceId: null,
               cityId: this.districtId===null?this.cityId:null,
               districtId: this.districtId,
               names: this.searchForm.reservoirsname,
             }
             const list = await getIrrigationList(obj);
             list.rows.map(item => {
              item.xzqh = item.qName?item.sName + item.cName + item.qName:item.sName + item.cName
            })
            
            const excel = await import('@/vendor/Export2Excel')
            let tHeader = [] //导出文件的头部名称
            let filterVal = []  //导出文件的table属性
            let filename = '信息'  //导出文件的文件名称
            tHeader = ['名称', '地址','描述','备注']
            filterVal = ['name', 'address', 'decription', 'remark']
            const data = this.formatJson(filterVal, list.rows)
            excel.export_json_to_excel({
              header: tHeader,
              data,
              filename: filename// table-list
            })
        },
        formatJson(filterVal, jsonData) {
          return jsonData.map(v => filterVal.map(j => v[j]))
        },
    4.html代码

  • 相关阅读:
    project euler 开坑
    hdu 5382 GCD?LCM!
    Leetcode 557. 反转字符串中的单词 III
    Leetcode 344. 反转字符串
    Leetcode 345. 反转字符串中的元音字母
    008.C++类改写模板类
    007.C++构造函数
    006.C++头文件
    02.树的序列化与反序列化(C++)
    Leetcode 94. 二叉树的中序遍历
  • 原文地址:https://www.cnblogs.com/wx2019/p/15206959.html
Copyright © 2011-2022 走看看