当前位置: 首页 > 知识库问答 >
问题:

前端 - created中调用数据源获取方法,在mounted中调用操作数据源的方法,这样mounted中存放的方法会获取不到初始值?

西门庆
2023-12-13

在created钩子函数调用获取数据源的方法getData(),在getData()中再调用updateData()方法来更新某些数据源数据,并且再mounted()函数中调用了upDataData()函数。控制台报错在mounted钩子函数中获取不到在updateData()中操作数据源的属性:
image.png

 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个答案

庞安晏
2023-12-13

因为回调mounted这个钩子的时候,await getChartOne()还没返回结果给data,自然在调用updateChart的时候allData还是空,

 类似资料:
  • 我是的新手,并编写了以下代码以从组中获取参数。 跳过:testMethodA java.lang.NullPoInterException(位于org.testng.internal.methodInvocationHelper.InvokedDataProvider(MethodInvocationHelper.java:151)(位于org.testng.internal.parameters

  • 问题内容: 我想得到调用方法。 不是 方法的名称。 这是一个如何获取调用方类的示例。 仅用于测试目的! 问题答案: 如果仅用于测试,则可能有效。它假定可以通过调用类的类访问类文件,并且类文件已使用调试符号进行编译(我希望它们用于测试!)。此代码依赖于ASM字节码库。

  • 问题内容: Python:如何在被调用方法中获取调用者的方法名称? 假设我有2种方法: 如果我不想对method1进行任何更改,如何在method2中获取调用者的名称(在本示例中,名称为method1)? 问题答案: inspect.getframeinfo和其他相关功能可以帮助: 该自省旨在帮助调试和开发;建议不要将其用于生产功能。

  • 本文向大家介绍python 获取页面表格数据存放到csv中的方法,包括了python 获取页面表格数据存放到csv中的方法的使用技巧和注意事项,需要的朋友参考一下 获取单独一个table,代码如下: 获取所有table,代码如下: 以上这篇python 获取页面表格数据存放到csv中的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持呐喊教程。

  • 问题内容: Python:如何在被调用方法中获取调用者的方法名称? 假设我有2种方法: 如果我不想对method1进行任何更改,如何在method2中获取调用方的名称(在本示例中,名称为method1)? 问题答案: 和其他相关功能可以帮助: 该自省旨在帮助调试和开发;建议不要出于生产功能目的而依赖它。

  • 本文向大家介绍ajax动态获取数据库中的数据方法,包括了ajax动态获取数据库中的数据方法的使用技巧和注意事项,需要的朋友参考一下 今天看到有人在问答上问怎样去动态取值附在option上,本来想解决的,但我发现。。。。没有,我本来也笨,记不住,所以还是写一下,让大家可以看一下: 首先我这用的框架是SSM,代码就开始了: 这是写在前台的方法里一个点击事件进入方法里我就不写那么麻烦了直接ajax部分代