vue导出excel文件打不开，或者文件内容为object object

最新推荐文章于 2024-04-24 15:37:32 发布
最新推荐文章于 2024-04-24 15:37:32 发布
阅读量6.4k 收藏 21
点赞数 12
分类专栏： vue 文章标签： 前端 vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_48300785/article/details/125487232
版权
需求：选择数据导出excel
问题：一开始文件导出不能打开，后来是能打开后文件内容显示object

按照导出正常流程写之后，后端接口返回

在这里插入图片描述

打印res的结果

在这里插入图片描述

前端代码（修改之前）

在这里插入图片描述

结果导出文件出错

在这里插入图片描述

一番排查后，发现是自己传值出错了

在这里插入图片描述

我们要的是res.data,而不是res

修改之后的前端代码

在这里插入图片描述

这样导出的结果就正确了

在这里插入图片描述

我的代码永没有bug
关注
  • 12
    点赞
  • 踩
  • 21
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
VUE导出Excel文件.rar
06-02
VUE导出Excel文件，两种方法，方法二带样式：文字居中，自动换行，列宽设置，单元格合并，冻结表头等。 https://www.cnblogs.com/yinxingen/p/11052184.html
vue.js导出Excel所需要的JS文件 修改当前为当前日期
05-14
Vue.js应用中，我们可以用Blob对象来创建Excel文件的二进制内容。 然后，Export2Excel.js是一个专门用于将数据转换成Excel格式的JavaScript库。它提供了一种简便的方法，将数组数据转化为可以下载的Excel文件。在...
解决前端下载.json文件打开后显示[object object]问题
tsyunge的博客
04-02 422
2、let blob = new Blob(JSON.stringify(res, null, 2).split('')) //括号内的JSON.stringify(res, null, 2).split('')是解决问题的核心。3、let url = window.URL.createObjectURL(blob) //创建流文件的url。4、let a = document.createElement('a') //生成a标签，用于下载。
vue下载文件流，文档打开只有[object Blob]（排错）
weixin_43939111的博客
12-18 1233
2、请求接口拿到的数据路径是否正确：比如接口返回的文件流数据在res.data下，而你只写了res（1、请求后端接口时前端api是否。），这样当然找不到啦。
vue axios 导出文件流，excel显示undefined
最新发布
weixin_42340514的博客
04-24 457
查看打印处的type是否一致，然后根据接口中的type值来设置bolb的type值。
vue 处理后端返回的文件流，下载成excl文件，内容显示object，object
qq_36873710的博客
03-04 4912
项目场景： 今天在和后台联调开发时遇到一个bug。 是一个勾选的数据进行导出生成excl文件，前端获取勾选数据的id，组成参数，请求后台，后台返回文件流，前端处理，浏览器自动下载成excl文件。 问题描述： 使用了Blob，前后端数据联调成功，数据返回也正常，但是下载好的excl文件打开没有内容，显示object，object。 ![在这里插入图片描述](https://img-blog.csdnimg.cn/88014a6375494984be7ddb8466052f94.png?x-oss-proc
(vue)vue导出excel文件打不开，或者文件内容为object object
热门推荐
nyf_unknow的博客
07-01 1万+
(vue)vue导出excel文件打不开，或者文件内容为object object
vue文件流导出excel表格打不开
Hhuangjialin的博客
02-25 2264
vue文件流导出excel表格打不开
调用接口后端返回文件流，前端进行下载，Excel表格方法，以及Excel表格下载后为[objet][objet]问题处理，Vue、js、react
m0_55074611的博客
09-27 695
调用接口后端返回文件流，前端进行下载，Excel表格方法，以及Excel表格下载后为[objet][objet]问题处理， 原因是把res.data写成了res，修改之后再次导出就好了。
Vue+axios+WebApi+NPOI导出Excel文件实例方法
10-16
【Vue+axios+WebApi+NPOI导出Excel文件实例方法】 在开发中，有时我们需要实现从前端将数据导出为Excel文件供用户下载。在这个过程中，Vue.js作为前端框架，axios作为HTTP库，WebApi作为后端接口，NPOI作为.NET平台...
vue导出Excel表的js文件
12-28
vue导出Excel表的js文件
vue 使用post/get 下载导出文件操作
10-14
在Vue.js应用中，下载和导出文件是常见的需求，可以通过HTTP的GET或POST方法来实现。本文将详细讲解这两种方法的使用，并介绍Vue.js的双向数据绑定原理。 首先，让我们来看看如何在Vue中使用POST方法下载文件。这种...
Vue结合后台导入导出Excel问题详解
10-17
在Vue.js开发中，实现Excel的导入导出功能是一项常见的需求。本文将深入探讨如何在Vue项目中结合后台服务实现这一功能，特别是针对导出Excel的实现方式。 首先，我们来看一下导出Excel的核心概念。在Java后端，通常...
vue导出excel无法打开问题
wangwei的博客
12-07 1847
excel流文件一定要在请求的时候加上响应类型字段，也就是：responseType: 'blob'或者，responseType: 'arraybuffer' ，否则下载出来的excel文件就会损坏，就会打不开。需要加responseType: 'blob'，否则文件会损坏。
Vue 实现导出功能及解决导出excel表格无法打开的问题
WuqibuHuan的博客
06-24 7144
Vue 实现导出功能及解决导出excel表格无法打开的问题
Postman导出正常但是Vue导出Excel文件损坏
远来客的博客
06-02 4948
Postman导出正常但是Vue导出Excel文件损坏
Vue中导出Excel文件
weixin_39205240的博客
08-13 1752
1 . 在文件中引入Blob.js & Export2Excel.js文件 ；例如我将文件放在src/plugins/vendor/ ; 2. Blob.js /* eslint-disable */ /* Blob.js * A Blob implementation. * 2014-05-27 * * By Eli Grey, http://eligrey.com * ...
vue 导出excel
paaaaak的博客
04-19 215
【代码】vue 导出excel。
vue前端导出excel文件显示object
09-06
你可以使用第三方库 `xlsx` 来导出 Excel 文件，并将 Object 转换为 Excel 表格的数据。以下是一个简单的示例代码： ```javascript // 安装 xlsx 库 // npm install xlsx // 引入 xlsx 库 const XLSX = require('xlsx'); // 要导出的对象 const data = [ { name: 'John', age: 30, city: 'New York' }, { name: 'Jane', age: 25, city: 'London' }, { name: 'Bob', age: 40, city: 'Paris' } ]; // 将对象转换为 Excel 的工作表 const workbook = XLSX.utils.json_to_sheet(data); // 创建 Excel 文件 const workbookOutput = XLSX.utils.book_new(); XLSX.utils.book_append_sheet(workbookOutput, workbook, 'Sheet1'); // 导出 Excel 文件 XLSX.writeFile(workbookOutput, 'output.xlsx'); ``` 在上面的示例中，我们首先安装了 `xlsx` 库，并通过 `require` 引入了它。然后，我们创建了一个包含数据的对象数组。接下来，我们使用 `XLSX.utils.json_to_sheet` 方法将对象数组转换为 Excel 的工作表。然后，我们创建一个新的 Excel 文件，并将工作表添加到其中。最后，我们使用 `XLSX.writeFile` 方法将文件写入磁盘。 你可以根据自己的需要修改对象数据和文件名。请确保在使用该代码之前安装了 `xlsx` 库。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值