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

uniapp导出excel

H5可用、IOS手机无效、安卓无效、小程序无效。
无效的原因未知,如有兴趣,可自行研究。
此插件是我在搞VUE项目时,PC端的web后台用的小功能。
搞到uni-app后,发现只有H5有用,扔了觉得可惜,还是放上来吧。

使用了 vue-json-excel 插件,需要先安装此插件。

复制代码npm install vue-json-excel
或
npm i vue-json-excel

然后在 main.js 文件里加入

复制代码import JsonExcel from 'vue-json-excel'
Vue.component('downloadExcel', JsonExcel)

最后在需要使用的地方

复制代码<download-excel 
    :data="json_data" 
    name="excel.xls"
>
    下载文件
</download-excel>

 

属性名类型说明
dataArray要导出的数据
fieldsObject要导出的Json对象中的字段。如果没有给定,则导出Json中的所有属性
export-fields (exportFields)Object这个支持用于修复其他使用变量字段的组件的问题,比如vee-validate。exportFields的工作原理与字段完全相同
typestringmime类型[xls, csv],默认值:xls
namestring要导出的文件名,默认值:data.xls
titlestring/Array数据的标题可以是字符串或字符串数组(多个标题)
footerstring/Array数据的页脚可以是字符串或字符串数组(多个页脚)
default-value (defaultValue)string当行没有字段值时用作回退,默认值为:"
worksheetstring工作表选项卡的名称。默认值:“Sheet1”
fetchFunction回调获取下载前的数据,如果设置了,它会在鼠标点击后立即运行,并在下载过程之前运行。重要提示:只有在没有定义数据支柱时才有效
before-generateFunction在生成/获取数据之前调用方法的回调,例如:显示加载进度
before-finishFunction

回调在下载框弹出之前调用方法,例如:隐藏加载进度

 

例子:

<download-excel :data="list" name="excel.xls" title="展会用户数据" worksheet="展会数据"> 下载文件 </download-excel>
 

相关文章:

  • 华为2004年招收应届大学毕业生技术支持面试题。
  • go语言中的指针(一)
  • 华为面试题
  • Error: Unable to ‘pub upgrade‘ flutter tool
  • 中兴面试C语言题1
  • Goexit
  • 中兴面试C语言题(2)
  • golang定时器
  • Intel的笔试,大家看来都不想交白卷
  • go里面select使用
  • golang以打印机为例 互斥锁的问题 使用channel解决
  • 几道面试题
  • golang读写锁简单例子
  • 急问数据结构用c c++描述的区别?
  • golang条件变量的作用并不保证在同一时刻仅有一个协程(线程)访问某个共享的数据资源
  • [译]CSS 居中(Center)方法大合集
  • Docker容器管理
  • Java 23种设计模式 之单例模式 7种实现方式
  • PHP 程序员也能做的 Java 开发 30分钟使用 netty 轻松打造一个高性能 websocket 服务...
  • PHP 的 SAPI 是个什么东西
  • Puppeteer:浏览器控制器
  • Python语法速览与机器学习开发环境搭建
  • ReactNative开发常用的三方模块
  • TypeScript实现数据结构(一)栈,队列,链表
  • Vim 折腾记
  • vue脚手架vue-cli
  • 从零开始在ubuntu上搭建node开发环境
  • 基于阿里云移动推送的移动应用推送模式最佳实践
  • 基于组件的设计工作流与界面抽象
  • 普通函数和构造函数的区别
  • 容器服务kubernetes弹性伸缩高级用法
  • 视频flv转mp4最快的几种方法(就是不用格式工厂)
  • 小程序开发中的那些坑
  • 没有任何编程基础可以直接学习python语言吗?学会后能够做什么? ...
  • ​【C语言】长篇详解,字符系列篇3-----strstr,strtok,strerror字符串函数的使用【图文详解​】
  • # Apache SeaTunnel 究竟是什么?
  • #微信小程序(布局、渲染层基础知识)
  • #周末课堂# 【Linux + JVM + Mysql高级性能优化班】(火热报名中~~~)
  • $$$$GB2312-80区位编码表$$$$
  • (4)事件处理——(2)在页面加载的时候执行任务(Performing tasks on page load)...
  • (ZT)北大教授朱青生给学生的一封信:大学,更是一个科学的保证
  • (八十八)VFL语言初步 - 实现布局
  • (附源码)springboot青少年公共卫生教育平台 毕业设计 643214
  • (七)MySQL是如何将LRU链表的使用性能优化到极致的?
  • (三)Pytorch快速搭建卷积神经网络模型实现手写数字识别(代码+详细注解)
  • (十五)devops持续集成开发——jenkins流水线构建策略配置及触发器的使用
  • (淘宝无限适配)手机端rem布局详解(转载非原创)
  • (译)2019年前端性能优化清单 — 下篇
  • (原創) 未来三学期想要修的课 (日記)
  • (转)jQuery 基础
  • .net core MVC 通过 Filters 过滤器拦截请求及响应内容
  • .Net Core缓存组件(MemoryCache)源码解析
  • .NET Core跨平台微服务学习资源
  • .net/c# memcached 获取所有缓存键(keys)
  • .net实现头像缩放截取功能 -----转载自accp教程网