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

  • 相关阅读:
    第五周课程总结&实验报告(三)
    第四周Java实验总结&学习总结
    第三周课程总结&实验报告
    第二周JAVA学习总结
    大一学习总结
    寒假第一次作业
    寒假第二次作业
    第十周课程总结
    第九周课程总结&实验报告(七)
    第八周课程总结&实验报告(六)
  • 原文地址:https://www.cnblogs.com/wx2019/p/15206959.html
Copyright © 2011-2022 走看看