使用异步等待获取数据加载

Posted

技术标签:

【中文标题】使用异步等待获取数据加载【英文标题】:Using async await to get data loading 【发布时间】:2021-07-07 06:44:06 【问题描述】:

我尝试使用 async-await 在 typescript vue 3 上获取数据,但是当数据未定义时(或在函数调用工作之前),此函数已经控制台

private async exportDataOrder() 
    await this.getDataExport()                          // function call
    let data = await this.controller.exportOrderData    // result function
    if (data) 
      console.log(data, 'dari vue')
      console.log('waiting')
    

【问题讨论】:

您用typescript 标记了您的问题,类型会帮助我们帮助您。 this.controller.exportOrderData是什么类型的? 【参考方案1】:

假设exportOrderData 是一个异步函数,你忘记了() 来实际调用你的函数。

let data = await this.controller.exportOrderData()

【讨论】:

谢谢@Alex,这是我的错误:)

以上是关于使用异步等待获取数据加载的主要内容,如果未能解决你的问题,请参考以下文章

React18: 如何使用Suspense 等待数据异步加载

如何异步加载和显示数据

iOS:在填充表格视图之前等待异步方法

vue先加载数据再渲染

如何在React Native中获取数据之前呈现加载器

Flutter 专题15 图解 ListView 异步加载数据与等待 #yyds干货盘点#