HarmonyOS如何实现双向数据绑定

HarmonyOS如何实现双向数据绑定

HarmonyOS
2024-08-09 11:43:33
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
zxjiu

@Link组件是可以实现双向数据绑定的,参考文档地址:https://developer.huawei.com/consumer/cn/doc/harmonyos-guides/arkts-link-0000001820999565#ZH-CN_TOPIC_0000001857916041__%E7%AE%80%E5%8D%95%E7%B1%BB%E5%9E%8B%E5%92%8C%E7%B1%BB%E5%AF%B9%E8%B1%A1%E7%B1%BB%E5%9E%8B%E7%9A%84link

参考代码如下:

class keyValue{ 
  key:string = '' 
  value:number = 0 
  constructor(key: string, value: number) { 
    this.key = key 
    this.value = value 
  } 
} 
@Entry 
@Component 
struct Test{ 
  @State arr:keyValue[] = [] 
  aboutToAppear(): void { 
    for (let i = 0; i < 10; i++) { 
      this.arr.push(new keyValue(i+"--",i)) 
    } 
  } 
  build() { 
    Column(){ 
      Text('点击按钮,切换第一条数据').onClick(()=>{ 
        this.arr[0] = new keyValue("测试一下", 0) 
      }) 
      Text('点击按钮,切换第二条数据').onClick(()=>{ 
        this.arr[1] = new keyValue("测试两下", 1) 
      }) 
      csComponent({arr:this.arr}) 
    } 
  } 
} 
@Component 
export struct csComponent{ 
  @Link arr:keyValue[] 
  build() { 
    Column(){ 
      ForEach(this.arr, (item:keyValue, index) => { 
        Text(item.key) 
      }, (item:keyValue) => item.key) 
    } 
  } 
}
分享
微博
QQ
微信
回复
2024-08-09 17:01:20
相关问题
ArkTS简单类型变量双向数据绑定
1472浏览 • 1回复 待解决
HarmonyOS $$双向绑定问题
280浏览 • 1回复 待解决
HarmonyOS 无法使用$$双向绑定
816浏览 • 1回复 待解决
数组列表如何实现数据双向同步?
356浏览 • 1回复 待解决
字母表与侧标滚动栏的双向绑定
779浏览 • 1回复 待解决
RNOH SSL双向认证实现
154浏览 • 1回复 待解决
数据绑定框架使用问题
5973浏览 • 1回复 待解决