HarmonyOS ObjectLink 修饰的元素修改其属性,ui没有生效

拖拽模块A与模块B 做交换,希望模块A在被拖拽的时候影藏,交换以后显示。目前拖拽的时候显示,交换以后依然显示。

HarmonyOS
2024-12-20 17:36:31
浏览
收藏 0
回答 1
回答 1
按赞同
/
按时间
superinsect

可以通过引入三方库 reflect-metadata 和 class-transformer,参考如下demo实现:

//TestJson.ets
import { plainToClass, Type } from 'class-transformer';
import 'reflect-metadata';
import { Person, ViewA } from './ViewA';

class ResponseObj {
  @Type(() => Person)
  data: Person[] = [];
}
@Entry
@Component
struct TestJson {
  @State list: Person[] = [];
  @State message: string = 'Click me';
  aboutToAppear(): void {
    let str = '{"data" : [{"number" :1,"age": 20, "testA": { "str" : "123"}},{"number" :2,"age": 21,"testA": {"str" : "456"}}]}'
    let jsonData: ESObject = JSON.parse(str)
    let responseObj: ResponseObj = plainToClass(ResponseObj, jsonData);
    console.log( ${responseObj.data[0] instanceof Person})
    this.list = this.list.concat(responseObj.data);
  }
  build() {
    Row() {
      Column() {
        ForEach(this.list, (item: Person, index: number) => {
          ViewA({ index: index, testA: item.testA })
        })
      }
      .width('100%')
    }
    .height('100%')
  }
}
//ViewA.ets
import { Type } from 'class-transformer'
@Observed
export class TestA {
  public str : string
  constructor(str: string) {
    this.str = str;
  }
}
export class Person {
  name: string = ''
  age: number = 1
  @Type(()=>TestA)
  testA: TestA = new TestA('')
}
@Component
export struct ViewA {
  @ObjectLink testA: TestA
  index: number = -1;
  build() {
    Row(){
      Button(View A ${this.testA.str}).onClick(() =>{
        this.index += 1;
        this.testA.str = ${this.index} : Test A String
      })
    }.margin({top : 10 })
  }
}
  • 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.
分享
微博
QQ
微信
回复
2024-12-20 19:11:51
相关问题
HarmonyOS 代码混淆配置没有生效
789浏览 • 1回复 待解决
HarmonyOS 获取系统时间戳没有生效
1147浏览 • 1回复 待解决
HarmonyOS 获取18位随机数没有生效
864浏览 • 1回复 待解决
@BuilderParam修饰属性报错
2484浏览 • 1回复 待解决