vue导出excel

最新推荐文章于 2024-05-07 17:21:27 发布

原创最新推荐文章于 2024-05-07 17:21:27 发布 · 289 阅读

0 ·

CC 4.0 BY-SA版权

这段代码展示了在Vue中实现Excel导出的功能。通过获取token，使用axios发送GET请求到指定URL，设置响应类型为arraybuffer。请求成功后，将响应数据转换为Blob对象，创建下载链接并模拟点击实现下载；请求失败则显示错误信息。

exportExcel(){
   const token = Vue.ls.get(ACCESS_TOKEN)
   axios({
   headers: { Authorization: 'Bearer ' + token, 'Access-Token': token },
   method: 'GET',
   url: '/exportExcel',
   responseType: 'arraybuffer',
   })
   .then(response => {
       let data = response.data
       var newBlob = new Blob([data], { type: 'text/plain;charset=UTF-8' })
       var anchor = document.createElement('a')
       anchor.download = '导出Excel名称' + new Date().getTime() + '.xlsx'
       anchor.href = window.URL.createObjectURL(newBlob)
       anchor.click()
   })
   .catch(async e => {
       this.$Message.error(e.toString())
   })
  }