elementui如何导出数据为xlsx和excel的表格

本篇文章给大家分享的是有关elementui如何导出数据为xlsx和excel的表格，小编觉得挺实用的，因此分享给大家学习，希望大家阅读完这篇文章后可以有所收获，话不多说，跟着小编一起来看看吧。

1.第一步安装插件

npm install file-savernpm install xlsx

2.第二步在mian.js中设置全局

// vue中导出excel表格模板import FileSaver from 'file-saver'import XLSX from 'xlsx' Vue.prototype.$FileSaver = FileSaver; //设置全局Vue.prototype.$XLSX = XLSX; //设置全局

3.第三步使用

可以看到已经导出

实际工作中导出按钮单独抽离出去做到可以复用才是比较合理的

以上就是elementui如何导出数据为xlsx和excel的表格，小编相信有部分知识点可能是我们日常工作会见到或用到的。希望你能通过这篇文章学到更多知识。更多详情敬请关注行业资讯频道。