vue-admin-template 新手學習（十一）實現導出zip包

如下圖想把列表的數據導出zip包來（其實是有60條數據）

 

 需要安裝依賴

npm install jszip 

npm install file-saver

然後需要增加Export2Zip的js

import { saveAs } from 'file-saver'
import JSZip from 'jszip'

export function export_txt_to_zip(th, jsonData, txtName, zipName) {
  const zip = new JSZip()
  const txt_name = txtName || 'file'
  const zip_name = zipName || 'file'
  const data = jsonData
  let txtData = `${th}\r\n`
  data.forEach((row) => {
    let tempStr = ''
    tempStr = row.toString()
    txtData += `${tempStr}\r\n`
  })
  zip.file(`${txt_name}.txt`, txtData)
  zip.generateAsync({
    type: "blob"
  }).then((blob) => {
    saveAs(blob, `${zip_name}.zip`)
  }, (err) => {
    alert('导出失败')
  })
}

下載zip包咯

 handleDownload() {
      this.downloadLoading = true
      import('@/vendor/Expor