项目场景:使用axios接收后端传递的数据
问题描述
`后端返回了一个对象类型的数据,然后赋值给Vue的属性,结果赋值后在页面却显示不出来
控制台报错:
js中接收数据代码:
原因分析:
网上很多都是说使用箭头函数或者在回调函数之前把Vue对象赋值给一个变量,但这个对我帮助不大,因为我本来就注意到了。根据控制台的报错,意思就是说空值所以读取不到,但是使用alert确实弹出了值的。也就是说其实值并没有真正的赋值给了Vue的属性。
解决方案:
既然说没有真正获取到值,那我就试着说使用数组的push函数插入数据。所以在回调函数之前先定义一个变量,用来接收后端传递回来的数据。然后再把这个变量添加到数组里面,结果这样数组真的能获取到了值了,数据成功在页面渲染了。
js接收数据修改后的代码:
虽然具体不清楚bug的原因,但还算是解决了,希望也能帮到你!