vue 导出execl

第一步安装依赖

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

 第二步 下载 Export2Excel.js

https://github.com/PanJiaChen/vue-element-admin/blob/7ddfe81749639ddc1a8cd1b2ecbbf6f79400fb66/src/vendor/Export2Excel.js#L103

第三步 导出

 import('@/vendor/Export2Excel').then((excel) => {
        const tHeader = [
          '天猫订单号',
          '标书',
          '金额',
          '时间'
        ]
        const filterVal = [
          'tm_order_id',
          'tender_id',
          'money',
          'created_time_str'
        ]
     
        //请求数据
        getCompensateList({}).then(response => {
          if (response.code === 0) {
            const clist = response.data.list
            const data =clist
        //导出
            excel.export_json_to_excel({
              header: tHeader,
              data,
              filename: this.filename,
              autoWidth: this.autoWidth,
              bookType: this.bookType
            })
            this.downloadLoading = false
          } else {
            this.$message.warning('导出失败')
            this.downloadLoading = false
          }
        })
      })

主要还是 依赖xlsx 这个库 更复杂的导出 要研究下 xlsx 这个库

标签：execl,npm,vue,const,xlsx,excel,导出,data
来源： https://blog.csdn.net/weixin_39578505/article/details/122255302