(vue) 导出csv格式文件

nyf_unknown

已于 2025-08-13 15:21:41 修改

阅读量219

点赞数 3

CC 4.0 BY-SA版权

分类专栏： VUE 文章标签： vue.js 前端 javascript

于 2025-07-09 16:49:31 首次发布

本文链接：https://blog.csdn.net/qq_44754635/article/details/149227770

VUE 专栏收录该内容

210 篇文章

订阅专栏

(vue) 导出csv格式文件

接口返回数据：

在这里插入图片描述

前端：

api

// 导出
export function exportVariance(data) {
  return request({
    url: '.../exportVariance',
    method: 'post',
    responseType: 'blob',//重点
    data
  })
}

页面

// 导出
exportHandle() { 
  exportVariance(this.formData).then((res) => {
    const data = res 
    const url = window.URL.createObjectURL(new Blob([data], { type: 'text/csv;charset=utf-8;' })) //重点
    const link = document.createElement('a')
    link.href = url
    link.setAttribute('download', 'export.csv')
    link.click() 
  })
},