Awesome
lay-excel-vue 在VUE中一键导出DEMO
此项目为 lay-excel 项目的 VUE demo,在加入了 npm 支持后, VUE 中可使用 import
引入 lay-excel
,使用导出方法一键导出数据到 XLSX 中。
导出excel功能基于 XLSX.js,下载功能基于 FileSaver,读取文件基于 H5的 FileReader。
!!! 重要:这个项目只是 VUE 的使用 DEMO,源码在 lay-excel 项目中!!!
功能演示地址: http://excel.wj2015.com
完整文档地址: http://excel.wj2015.com/_book/
兼容性
支持IE10+、Firefox、Chrome 等
如何在项目中使用
首先,安装 lay-excel
package
$ npm i lay-excel
在你的代码逻辑中引入 lay-excel
,并调用逻辑,如下是一个 .vue
文件的 script
部分可供参考,作用是导出一个excel,内容是 "Hello", "World", "!" 三个单元格。
<script>
import LAY_EXCEL from 'lay-excel';
export default {
methods: {
handleExport() {
LAY_EXCEL.downloadExl([['Hello', 'World', '!']], 'hello', 'xlsx');
}
}
}
</script>
快速入门
一句话导出,快速上手请查看 『快速上手』,更多便捷函数请查看『函数列表』,样式设置请查看『样式设置专区』。
如何运行DEMO
首先克隆本项目,终端进入项目目录
$ npm i
$ npm run serve
参与开发
如果有好的想法,或者想实现 『待完成需求』中的部分功能,请邮 admin@wj2015.com,或者提 GitHub Issue,或者加群 555056599 讨论。
如果有意贡献代码,那么在开始之前,请先阅读 『参与开发』 文档。
友情链接
lay-excel插件 、Authtree插件、JeffreyWang的个人博客
开源协议
LAY-EXCEL is licensed under the Apache License, Version 2.0. See LICENSE for the full license text.