HarmonyOS @Builder UI刷新问题

@Component
struct MusicPage {
  @State musicItemArray: MusicItemModel[] = []

  getMusicList() {
    musicDataRequest.requestMusicList(128, false, 1, 0, "article")
      .then((data: Record<string, Object>) => {
        let musicData = data['data'] as Record<string, Object>
        console.log('fsdfsafas  ', JSON.stringify(musicData['lib_music']))
        this.musicItemArray = musicData['lib_music'] as MusicItemModel[]
      })
      .catch((err: string | Resource) => {
      });
  }

  aboutToAppear(): void {
    // this.getMusicCategory()
    this.getMusicList()
  }

  @Builder
  templateGridContentBuilder() {
    ForEach(this.musicItemArray, (item: MusicItemModel, index: number) => {
      GridItem() {
        MusicListItem({
          templateItem: item
        })
          .backgroundColor(Color.Red)
      }
    })

  };

  build() {
    Column() {
      this.templateGridContentBuilder()
    }
  }
}
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.

musicItemArray数据变化之后，@BuildertemplateGridContentBuilder()为什么不刷新？

HarmonyOS

zbw_apple

2024-12-25 13:37:15

浏览

回答 1

按赞同

按时间

fox280

参考示例：

//组件中： 自定义build
this.templateGridContentBuilder({params:this.MusicItemModel})
//build
@Builder templateGridContentBuilder(params:MusicItemModel[]) {
  ForEach(params, (item: MusicItemModel, index: number) => {
    GridItem() {
      MusicListItem({
        templateItem: item
      })
        .backgroundColor(Color.Red)
    }
  })
};
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.