vue實現前端導出excel表格

1.在src目錄下創建一個文件(vendor)進入Blob.js和Export2Excel.js

2.npm install -S file-saver 用來生成文件的web應用程序

3.npm install -S xlsx 電子表格格式的解析器

4.npm install -D script-loader 將js掛在在全局下

5.寫事件

 handleDownload(){
          import('@/vendor/Export2Excel').then(excel => {
            const tHeader = ['timestamp', 'title', 'type', 'importance', 'status']//頭
            const filterVal = ['timestamp', 'title', 'type', 'importance', 'status']//值
            const data = this.formatJson(filterVal, this.list)
            excel.export_json_to_excel({
              header: tHeader,
              data,
              filename: 'table-list'
            })
          })
        },

6.

 formatJson(filterVal, jsonData) {
          return jsonData.map(v => filterVal.map(j => {
              return v[j]
          }))
        }
6     }