created中调用数据源获取方法,在mounted中调用操作数据源的方法,这样mounted中存放的方法会获取不到初始值?
在created钩子函数调用获取数据源的方法getData(),在getData()中再调用updateData()方法来更新某些数据源数据,并且再mounted()函数中调用了upDataData()函数。控制台报错在mounted钩子函数中获取不到在updateData()中操作数据源的属性:
async getData() {
const data = await getChartOne();
this.allData=data
console.log('耗时情况',data);
this.updateChart()
},
updateChart() {
const text=this.allData.title
const data=JSON.parse(JSON.stringify(this.allData))
// console.log(data,11111);
const fault=data.data[0]
console.log(fault,111111);
}
打印出来都有数据,但是控制台照样报错,这是什么原因?
把updateData()函数从mounted钩子中删掉,报错解决。
回复
1个回答
test
2024-06-24
因为回调mounted
这个钩子的时候,await getChartOne()
还没返回结果给data
,自然在调用updateChart
的时候allData
还是空,
回复
适合作为回答的
- 经过验证的有效解决办法
- 自己的经验指引,对解决问题有帮助
- 遵循 Markdown 语法排版,代码语义正确
不该作为回答的
- 询问内容细节或回复楼层
- 与题目无关的内容
- “赞”“顶”“同问”“看手册”“解决了没”等毫无意义的内容