vue+element-ui表格导出

到处模板methood模块：

  //导出模板
      exportTemplate() {
        this.$message('正在导出模板')
        this.isDisabled = true
        exportTemplate(this.listQuery).then(response => {
          const content = response.data
          const blob = new Blob([content])
          const fileName = "借款人员信息表.xlsx"
          if ('download' in document.createElement('a')) {
            const link = document.createElement('a')
            link.download = fileName
            link.style.display = "none"
            link.href = URL.createObjectURL(blob)
            document.body.appendChild(link)
            link.click()
            URL.revokeObjectURL(link.href)
            document.body.removeChild(link)
          } else {
            navigator.msSaveBlob(blob, fileName)
          }
        })
        setTimeout(() => {
          this.isDisabled = false
        }, 2000)
      },

ajax请求

export function exportTemplate(query) {
  return request({
    url:'/admin/caseInfo/write',
    method:'get',
    responseType: 'blob',
    params:{
      bankname:query.bankname,
      name:query.key,
      ownerid:query.ownerid,
      batchnotype:query.batchnoType,
      certno:query.certno,
      batchno:query.batchno
    }
  })
}

 <el-button class="filter-item" type="primary" v-waves icon="search" @click="exportTemplate"
                 :disabled="isDisabled">导出模板
      </el-button>