vue中导出后台输出的数据流,生成表格

// 发送axios请求,添加返回参数类型

1、exportExcel: function(form) {
        return axios({ // 用axios发送post请求
            method: 'post',
            url: '/serviceTime/exportData', // 请求地址
            data: form, // 参数
            responseType: 'blob', // 表明返回服务器返回的数据类型
            headers: {
                'Content-Type': 'application/json'
            }
        })
    }

// 请求成功,接收后台返回的数据流,导出成Excel表格
// data为后台返回的数据流,

export function exportMethd(title, data) {
  const link = document.createElement('a')
  let blob = new Blob([data], { type: 'application/vnd.ms-excel'})
  link.style.display = 'none'
  link.href = URL.createObjectURL(blob)
  link.download = title // 下载的文件名
  document.body.appendChild(link)
  link.click()
  document.body.removeChild(link)
}

Alt

你可能感兴趣的:(Vue)