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的內容。
若是須要【導出分頁數據】這樣的需求是無法知足的。
須要後臺生成一個文件連接，而後點擊下載。