axios接收后端传递的数据页面不显示问题

博客讲述了在Vue项目中使用axios接收后端返回的对象数据时遇到的问题,即数据赋值给Vue属性后无法在页面上显示,控制台报空值错误。作者尝试了网上的建议如使用箭头函数或提前赋值,但问题仍未解决。最终,通过在回调函数前定义变量接收数据,然后使用数组的push方法将数据添加到数组中,成功使数据在页面渲染。这种方法揭示了可能的数据处理问题和一种有效的解决策略。
摘要由CSDN通过智能技术生成

项目场景:使用axios接收后端传递的数据


问题描述

`后端返回了一个对象类型的数据,然后赋值给Vue的属性,结果赋值后在页面却显示不出来
控制台报错:
在这里插入图片描述

js中接收数据代码:
在这里插入图片描述


原因分析:

网上很多都是说使用箭头函数或者在回调函数之前把Vue对象赋值给一个变量,但这个对我帮助不大,因为我本来就注意到了。根据控制台的报错,意思就是说空值所以读取不到,但是使用alert确实弹出了值的。也就是说其实值并没有真正的赋值给了Vue的属性。


解决方案:

既然说没有真正获取到值,那我就试着说使用数组的push函数插入数据。所以在回调函数之前先定义一个变量,用来接收后端传递回来的数据。然后再把这个变量添加到数组里面,结果这样数组真的能获取到了值了,数据成功在页面渲染了。
js接收数据修改后的代码:

在这里插入图片描述
虽然具体不清楚bug的原因,但还算是解决了,希望也能帮到你!

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Jay Jen

亲的鼓励是我莫大的动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值