0


Vue下载文件流

  1. List item

Vue下载文件流

因功能需要用文件流做下载或导出功能,以下代码仅供参考

xls格式配置:

type: ‘application/vnd.ms-excel;charset=utf-8’,

xlsx格式配置:type:‘application/vnd.openxmlformatsofficedocument.spreadsheetml.sheet;charset=utf-8’

<el-button type="primary" plain  @click="allDownload">下载</el-button>
methods:{allDownload(){const params =this.exportAllParams
      console.log(params)// const params = JSON.parse(JSON.stringify(this.searchParams))delete params.current
      delete params.size
      delete params.total
      allExportList(params).then((res)=>{const blob =newBlob([res],{type:'application/vnd.ms-excel'})const a = document.createElement('a')const href = window.URL.createObjectURL(blob)
        a.href = href
        a.download ='实时监控'
        document.body.appendChild(a)
        a.click()// console.log(a)
        document.body.removeChild(a)
        window.URL.revokeObjectURL(href)})},}

本文转载自: https://blog.csdn.net/outaidered/article/details/129306244
版权归原作者 小周学习中 所有, 如有侵权,请联系我们删除。

“Vue下载文件流”的评论:

还没有评论