gitup

公司在后台管理系统开发中用到了 vue+element-ui 组合的框架，但随着需求的越来越复杂，前端的工作难度也呈几何倍数递增，工作量随之增大。这不，在项目中增加一个将列表数据导出为excel的需求就紧跟着来了。 不光将数据导出，还得支持单笔导出或多笔批量导出。 前端：前端招谁惹谁了？ 产品：入了前端门，生是前端人，死是前端鬼！ 前端： 产品： 为了生活，我们已经殚精竭虑；为了工作，我们已经竭尽全力！ 有需求，哭着也得实现啊。于是上网搜了一通，果然让我发现了解决之道：xlsx、file-saver和script-loader。 接下来就说说具体的实现方法： 上边提到了三个插件：xlsx、file-saver和script-loader，对，你没看错，就是三个插件，实现一个功能，需要三个插件，没办法啊。就像你的银行卡要用六位数的密码来保护两位数的余额一样，你有什么办法呢？谁让你败家呢？ 一、 安装三个依赖项 npm install -S file-saver npm install -S xlsx npm install -D script-loader 二、在项目中新建一个文件夹（一般在src下新建，文件名自取，在这里命名为excel），在文件夹中放入Blob.js 和 export2Excel.js （这两个文件可在gitup上进行下载） 三、vue组件调用