Vue2 导出excel

今天在开发的过程中需要做一个Vue的导出功能。
老司机开车使用 js-xlsx 里面有vue的部分可以参考
废话不多说了，直接贴代码

一、在index.html中引用js文件

  <script src="https://cdnjs.cloudflare.com/ajax/libs/FileSaver.js/1.3.3/FileSaver.min.js"></script>
  <script src="http://oss.sheetjs.com/js-xlsx/xlsx.full.min.js"></script>

二、在vue文件中

三、展示

注意:这里使用了html的id,如果是element-ui 注意使用 ref

如果有帮助请点赞

2018年4月10日更新一下
这个导出只能导出当前页面的table的内容。
如果需要【导出分页数据】这样的需求是没法满足的。
需要后台生成一个文件链接，然后点击下载。