利用js-xlsx在vue中与element-ui结合实现excel前端导入

JavaScript06

利用js-xlsx在vue中与element-ui结合实现excel前端导入,第1张

因为项目采用 element-ui ,为了简单直接使用它的 Upload 组件来搭建读取本地文档功能,因为是利用 js-xlsx 在前端读取,所以要把 auto-upload 关掉

导入

导入时使用excelio的open方法,在successCallBack回掉中我们可以获取到Spread.Sheets的JSON对象。

导出

导出时使用save方法,传递json对象,在successCallBack中会获得一个Excel文件的blob对象。您可以在前段通过使用FileSaver.js直接保存Excel,也可将blob提交服务器处理。

具体的代码实现,请参考下面的博客

http://blog.gcpowertools.com.cn/post/spreadsheetsv10-clientside-excelio.aspx