HarmonyOS 对象内数组内对象属性的修改问题

只修改list中的元素属性无法被监听到，需要对整体的list元素了调整了才能监听到。或者只有@ObservedV2和@Trace修饰需要监听的类对象的属性，可以实现动态的UI刷新。

@ObservedV2文档：https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/arkts-new-observedv2-and-trace-V5

代码调整如下：

@Observed
export class ChannelColumn {
  /**
   * 对象唯一标识
   */
  objectKey: string = ""
  videoInfo_list: ObservedArray<TestInfo> = new ObservedArray()
}

@Observed
export class ObservedArray<T> extends Array<T> {
  constructor(args?: T[]) {
    if (args instanceof Array) {
      super(...args);
    } else {
      super();
    }
  }
}

//方式一：@Observed
//方式二：@ObservedV2
export class TestInfo {
  //方式一： isFoldFor1003: boolean = true;
  //方式二： @Trace isFoldFor1003: boolean = true;
  //vip频道改版
  maintitle: string = '';

  constructor(isFoldFor1003: boolean, maintitle: string) {
    this.isFoldFor1003 = isFoldFor1003;
    this.maintitle = maintitle
  }
}

@Entry
@Component
export struct AEnterTest11 {
  @State columnItem: ChannelColumn = new ChannelColumn()

  aboutToAppear(): void {
    let videoInfo_list: ObservedArray<TestInfo> = new ObservedArray()
    videoInfo_list.push(new TestInfo(false, '测试数据1'))
    videoInfo_list.push(new TestInfo(false, '测试数据2'))
    videoInfo_list.push(new TestInfo(false, '测试数据3'))
    this.columnItem.videoInfo_list = videoInfo_list
  }

  build() {
    Column() {
      ForEach(this.columnItem.videoInfo_list, (item: TestInfo, index) => {
        Text(item.maintitle + item.isFoldFor1003)
      })
      Row() {
        ChannelBaseTemplateView11({
          columnItem: this.columnItem,
        })
      }
    }
  }
}

@Component
export struct ChannelBaseTemplateView11 {
  @ObjectLink columnItem: ChannelColumn

  build() {
    SpecialPicText11({ columnItem: this.columnItem })
  }
}

@Component
export struct SpecialPicText11 {
  @ObjectLink columnItem: ChannelColumn

  build() {
    Column() {
      Text('测试点击刷新数组内的对象的属性问题')
        .id('test')
        .width('100%')
        .height(50)
        .align(Alignment.Center)
        .onClick(() => {
          console.info("测试点击刷新数组内的对象的属性")
          // 只修改list中的元素属性无法被监听到
          this.columnItem.videoInfo_list[0].isFoldFor1003 = !this.columnItem.videoInfo_list[0].isFoldFor1003;
          // list变动了，才会被监听生效  //方式一加上下两行代码可以实现监听
          this.columnItem.videoInfo_list.push(new TestInfo(false, '测试数据99'))
          this.columnItem.videoInfo_list.pop()
        }
        )
    }
  }
}
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.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
53.
54.
55.
56.
57.
58.
59.
60.
61.
62.
63.
64.
65.
66.
67.
68.
69.
70.
71.
72.
73.
74.
75.
76.
77.
78.
79.
80.
81.
82.
83.
84.
85.
86.
87.
88.
89.
90.
91.
92.
93.