前端vue2 实现表格下载

        <div v-if="user_id1 == 1" class="out" @click="downloadReport"></div>

    // 导出表格

    downloadReport () {

      getReport().then(r => {

        downloadFile(r.data, '111.xlsx')

      })

    },

     downloadFile这个地方是接口请求//

downloadFile 是一个函数方法

downloadFile 方法

export function downloadFile (blob, fileName) {

  // 创建一个元素 a

  const aElement = document.createElement('a')

  // 设置文件下载链接

  aElement.href = URL.createObjectURL(blob)

  // 设置文件名

  aElement.download = fileName

  // 点击下载

  aElement.click()

  // 释放 URL 对象

  URL.revokeObjectURL(aElement.href)

}