数组列表如何实现数据的双向同步?

flex 根据 数组list<CommentTagBean> 动态添加 item ,item有选中的状态 则么在item选中后同步回到list对应元素的属性变更。

HarmonyOS
2024-09-30 09:49:20
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
put_get

可以通过添加@Observed @ObjectLink 的形式来实现嵌套数组的数据双向同步。

@Observed  
export class CommentTagBean{  
  contents:string;  
  selected:boolean;  
  constructor(contents: string,selected:boolean) {  
    this.contents = contents;  
    this.selected = selected;  
  }  
}  
  
  
  
import { CommentTagBean } from '../component/CommentTagBean'  
  
@Component  
export  struct CommentTag {  
  @ObjectLink tagInfo: CommentTagBean  
  build() {  
    Text(this.tagInfo.contents) .fontSize(13) .fontColor(this.tagInfo?.selected ? Color.Red : Color.Black)  
      .borderWidth('0.5vp')  .borderRadius('15vp') .textAlign(TextAlign.Center)  
      .maxLines(1) .padding({ left: '10vp', top: '7vp', right: '10vp', bottom: '7vp' })  
      .margin({ right: '12vp', bottom: '12vp' }) .onClick(() => { this.tagInfo.selected = !this.tagInfo.selected  
      console.log(' this.tagInfo=='+this.tagInfo.selected.valueOf())  
    })  
  } }

参考文档:https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/arkts-observed-and-objectlink-V5

分享
微博
QQ
微信
回复
2024-09-30 17:59:52
相关问题
HarmonyOS如何实现双向数据绑定
490浏览 • 1回复 待解决
如何实现鸿蒙应用离线数据同步?
184浏览 • 0回复 待解决
父组件与子组件使用@Link双向同步
935浏览 • 1回复 待解决
数组嵌套数组场景懒加载实现
636浏览 • 1回复 待解决