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代码

  • 相关阅读:
    无法加载模块 TP3.2
    always_populate_raw_post_data
    关于(void**)及其相关的理解
    面向对象设计原则
    数据对齐总结
    C++ POD类型
    do..while(false)的用法总结
    c++为什么定义了析构函数的类的operator new[]传入的参数会多4字节?
    C++ new new[]详解
    【转】C内存操作函数
  • 原文地址:https://www.cnblogs.com/wx2019/p/15206959.html
Copyright © 2011-2022 走看看