vue[前端js操作进行excel导入导出的插件收集与使用] |
您所在的位置:网站首页 › vue项目使用wps前端插件 › vue[前端js操作进行excel导入导出的插件收集与使用] |
最近在一个项目中遇到了要前端来对表格数据进行导入和导出相关的操作。然后第一印象就是要到网上找个比较靠谱而且使用多的npm插件来用用。找了许久,发现了几款不错的插件以及一些原生的方式,现在记录下来。 关于js原生导出功能在常规的开发中我们一旦遇到相关的功能实现首先第一个印象就是去找个对应的插件来实现这个功能,但这样往往会让我们失去了解这个功能原理的机会,因此如果有必要还是可以去了解了解相关的原生实现方式。这里推荐几篇文章。 1、https://blog.csdn.net/hhzzcc_/article/details/80419396 2、https://blog.csdn.net/aa122273328/article/details/50388673 3、https://www.cnblogs.com/SRH151219/p/11076290.html 推荐插件 第一款exceljs:https://github.com/exceljs/exceljs 这款插件通常用于后端基于nodeJs开发的服务上,其内容也更适用后台,网上找的文章基本都是后台相关的使用方式。但是通常来讲这种npm能在nodejs中使用在前端也应该能使用的,但我觉得这个插件在前端使用起来麻烦,因此不去详细了解了,仅找了几篇使用文章了解了下。如果有需要可以去git上查看中文文档使用。 1、https://www.jianshu.com/p/0f6a338c54f4 2、https://blog.csdn.net/m0_38060839/article/details/86469404 第二款vue-json-excel:https://github.com/jecovier/vue-json-excel 这款看名字就知道是以vue的语法写的,但是其知名度以及相关的接口说明不是特别的友好,但是参考网上的网友门的文档倒是非常的不错。如果内容比较简单,可以尝试使用这个 1、https://blog.csdn.net/qq_42313028/article/details/103069876 2、https://www.cnblogs.com/gggggggxin/p/11982436.html 3、https://blog.csdn.net/weixin_44990295/article/details/109633036 第三款(推荐)sheetjs(又叫xlsx或者jsxlsx):https://github.com/SheetJS/sheetjs 这款是比较常用的前端导入导出插件,也是一款比较成熟的插件,有好几种版本,但是其普通的免费版本就已经足够前端使用了。(虽然文档是英文的) 首先来个优秀的使用文章。 https://www.cnblogs.com/liuxianan/p/js-excel.html 文章讲述的功能基本满足前端导入导出功能所需了,但如果需要更复杂的功能,可以尝试去git上找找相关api内容,然后拿过来使用。 参考阅读文章: 1、https://blog.csdn.net/tian_i/article/details/84327329 2、https://www.jianshu.com/p/c41730e48c31 补充: 1、xlsx的引用 npm 之后在node_modules中找到xlsx文件并在dist文件中找到xlsx.full.min.js然后复制出来放在public中,并且在index.html中使用script引用 2、三个方法的代码以及json_to_sheet的使用,即[{a:x1},{a:x2}]这种数据格式的导出方式 |
今日新闻 |
推荐新闻 |
CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3 |