Vue2 导出excel

今天在开发的过程当中须要作一个Vue的导出功能。
老司机开车使用 js-xlsx 里面有vue的部分能够参考
废话很少说了，直接贴代码

1、在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>

2、在vue文件中

3、展现

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

若是有帮助请点赞

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