vue 2.6 导出Excel 功能

1、第一步安装依赖

  • npm install -S file-saver
  • npm install -S xlsx
  • npm install -D script-loader

2、引入Export2Excel.js

handleDownload() {              //导出调用的函数
      this.downloadLoading = true
      import('@/vendor/Export2Excel').then(excel => {
        const tHeader = this.tableHeader.map((item) => {return item.label})  //列表头名字
        const filterVal = this.tableHeader.map((item) => {return item.prop})  //prop传值内容
        const data = this.formatJson(filterVal,this.tables)
        excel.export_json_to_excel({
          header: tHeader,
          data,
          filename: 'excel名字'
        })
        this.downloadLoading = false
      })
    },
    formatJson(filterVal, jsonData) {
      return jsonData.map(v => filterVal.map(j => {
        if (j === 'orderTime') {
          return parseTime(v[j])
        } else {
          return v[j]
        }
      }))
    }

你可能感兴趣的:(vue 2.6 导出Excel 功能)