当前位置: 首页 > news >正文

UNiapp之微信小程序导出Excel

 效果如下

参考小程序:日常记一记 ---账单页面

主要功能是根据筛选条件导出账单明细列表,实现该功能主要借助一个工具(excel.js),可在文章顶部下载或者一下网盘下载

 https://pan.baidu.com/s/1RLisuG4_7FGD0Cnwewyabg?pwd=pd2a

提取码: pd2a  

第一步,下载工具js到配置文件里面,并且在需要的页面引入

import * as XLSX from '@/config/excel.js'

第二步,定义一个导出按钮,写一个导出方法即可

    1,按钮

<view class="jisuanqi" @click="exportExcel"><image class="jsqimg" src="../../static/phb.png"></image>
</view>

2,按钮方法 

methods: {// 导出excelexportExcel() {const fileName='账单明细'const header = ['ctime', 'payname', 'remark','typename','type','money'];const headerName = { ctime: '记账时间', payname: '支付类型', remark: '备注' ,typename:'消费类型',type:'支出2/收入1',money:'价格(元)'};const ExcelData = this.excelList;//列表数据uni.showToast({title: "导出中,请稍后...",duration:3000,icon: 'none'}) XLSX.excel_exprot(ExcelData, header, headerName,fileName)},
}

3,列表集合

data() {return {excelList:[]  //接口提供数据}}

     

相关文章:

  • 北京网站建设多少钱?
  • 辽宁网页制作哪家好_网站建设
  • 高端品牌网站建设_汉中网站制作
  • PCIe学习笔记(25)
  • OpenHarmony基础组件—图片加载ImageKnife
  • 登录 k8s-Dashboard 显示 Your connection is not private
  • 多线程并行
  • 水库大坝安全预警系统的创新与应用
  • 职场那些事:应对施暴者的智慧
  • 代码随想录训练营 Day36打卡 动态规划 part04 1049. 最后一块石头的重量II 494. 目标和 474. 一和零
  • 流动会场:声音与空间完美融合,重新定义城市多功能场所—轻空间
  • 虚拟化平台kvm架构 部署kvm虚拟化平台
  • OpenCV几何图像变换(3)计算透视变换矩阵函数getPerspectiveTransform()的使用
  • Nginx源码安装与进阶负载均衡
  • SSH 隧道方式连接 MySQL 服务器
  • 元数据管理gravitino学习
  • C++笔记---类和对象(下)
  • css高级
  • 【知识碎片】第三方登录弹窗效果
  • co.js - 让异步代码同步化
  • CODING 缺陷管理功能正式开始公测
  • css属性的继承、初识值、计算值、当前值、应用值
  • C语言笔记(第一章:C语言编程)
  • es6--symbol
  • Netty 框架总结「ChannelHandler 及 EventLoop」
  • Node + FFmpeg 实现Canvas动画导出视频
  • php ci框架整合银盛支付
  • TCP拥塞控制
  • WinRAR存在严重的安全漏洞影响5亿用户
  • 从 Android Sample ApiDemos 中学习 android.animation API 的用法
  • 大型网站性能监测、分析与优化常见问题QA
  • 分类模型——Logistics Regression
  • 基于OpenResty的Lua Web框架lor0.0.2预览版发布
  • 如何在 Tornado 中实现 Middleware
  • 异常机制详解
  • 优化 Vue 项目编译文件大小
  • 原生JS动态加载JS、CSS文件及代码脚本
  • 在Unity中实现一个简单的消息管理器
  • 【云吞铺子】性能抖动剖析(二)
  • FaaS 的简单实践
  • ​iOS安全加固方法及实现
  • ## 基础知识
  • #define
  • #systemverilog# 之 event region 和 timeslot 仿真调度(十)高层次视角看仿真调度事件的发生
  • #我与Java虚拟机的故事#连载01:人在JVM,身不由己
  • $forceUpdate()函数
  • (libusb) usb口自动刷新
  • (Oracle)SQL优化基础(三):看懂执行计划顺序
  • (草履虫都可以看懂的)PyQt子窗口向主窗口传递参数,主窗口接收子窗口信号、参数。
  • (二)springcloud实战之config配置中心
  • (官网安装) 基于CentOS 7安装MangoDB和MangoDB Shell
  • (每日一问)基础知识:堆与栈的区别
  • (七)Flink Watermark
  • (十三)Maven插件解析运行机制
  • (四) Graphivz 颜色选择
  • (四)软件性能测试
  • (原创)攻击方式学习之(4) - 拒绝服务(DOS/DDOS/DRDOS)
  • (转)IOS中获取各种文件的目录路径的方法