如何实现页面加载前从接口获取数据？

Question

问题描述

页面生命周期相关问题，在页面渲染前从接口获取数据，渲染时将数据渲染到页面上。

Answer 1

解决措施

在声明周期函数aboutToAppear中使用异步接口获取页面数据，数据变量使用@State修饰，数据获取完成后根据变量自动刷新页面。

代码示例

@Entry   
@Component   
struct Test6Page {   
 // 数据获取成功，会自动刷新页面   
 @State message: string = 'loading.....'   
 aboutToAppear(){   
 // 模拟异步接口获取数据   
 setTimeout(()=\>{   
 this.message = 'new msg'   
 },3000)   
 }   
 build() {   
 Row() {   
 Column() {   
 Text(this.message)   
 .fontSize(50)   
 .fontWeight(FontWeight.Bold)   
 }   
 .width('100%')   
 }   
 .height('100%')   
 }   
}