el-table导出表格文件

 先写一个download公共的方法

  download(file) {
        const blob = file
        const blobURL = window.URL ? window.URL.createObjectURL(blob) : window.webkitURL.createObjectURL(blob)
        const a = document.createElement('a')
        a.download = '故障的报表.xlsx'
        a.href = blobURL
        document.body.appendChild(a)
        a.click()
        document.body.removeChild(a)
        window.URL ? window.URL.revokeObjectURL(blobURL) : window.webkitURL.revokeObjectURL(blobURL) // 释放blob对象 避免内存泄漏
      },

 在api里写上导出接口

  // 列表导出接口
export function exportFaultReoirtList(data) {
    return request({
      url: `/name/name`,
      method: 'post',
      data,
      responseType: 'blob'
    })
  }

 点击导出提示并调用download方法

    // 导出
      async handleExport() {
          const response = await exportFaultReoirtList(this.listQuery);
          this.$confirm('是否导出文件?', '提示', {
                confirmButtonText: '确定',
                cancelButtonText: '取消',
                type: 'warning'
              }).then(() => { 
                this.download(response);
                this.$message({
                  type: 'success',
                  message: '导出成功!'
                });
              }).catch(() => {
                this.$message({
                  type: 'info',
                  message: '已取消导出'
                });          
              });
        },

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Z_Xshan

你的鼓励是我最大的动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值