高端网站设计制作,备案网站主办者承诺书,网站模版源码,公司推广宣传文案效果如下 参考小程序#xff1a;日常记一记 ---账单页面 主要功能是根据筛选条件导出账单明细列表#xff0c;实现该功能主要借助一个工具(excel.js)#xff0c;可在文章顶部下载或者一下网盘下载 https://pan.baidu.com/s/1RLisuG4_7FGD0Cnwewyabg?pwdpd2a
提取码: pd2a… 效果如下 参考小程序日常记一记 ---账单页面 主要功能是根据筛选条件导出账单明细列表实现该功能主要借助一个工具(excel.js)可在文章顶部下载或者一下网盘下载 https://pan.baidu.com/s/1RLisuG4_7FGD0Cnwewyabg?pwdpd2a
提取码: pd2a
第一步下载工具js到配置文件里面并且在需要的页面引入 import * as XLSX from /config/excel.js
第二步定义一个导出按钮写一个导出方法即可 1按钮
view classjisuanqi clickexportExcelimage classjsqimg 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:[] //接口提供数据}}