ArkTS简单类型变量双向数据绑定

ArkTS简单类型变量双向数据绑定

HarmonyOS
2024-05-26 11:23:00
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
depengli

@Link装饰的变量可以和父组件的@State变量建立双向数据绑定:

  • @Link变量的值与@State变量的类型相同,即class、number、string、boolean或这些类型的数组;
  • 初始化@Link变量的父组件的变量必须是@State变量;
  • 子组件对@Link变量的更改将同步修改父组件的@State变量;
  • 在创建组件的新实例时,必须使用命名参数初始化所有@Link变量。@Link变量可以使用@State变量或@Link变量的引用进行初始化,@State变量可以通过’$'操作符创建引用。
@Entry 
@Component 
struct Index { 
  @State text: string = 'false' 
  build() { 
    Column() { 
      pageIndex({buttonText: $text}) 
      Text(this.text).margin({left:145,top:20}).fontSize(30) 
    } 
  } 
} 
  
@Component 
struct pageIndex { 
  @Link buttonText: string 
  build() { 
    Column() { 
      Button('按钮') 
        .margin({left:130,top:30}) 
        .width(150) 
        .onClick(() => { 
        this.buttonText = '123' 
      }) 
    } 
  } 
}
分享
微博
QQ
微信
回复
2024-05-27 11:07:14
相关问题
HarmonyOS如何实现双向数据绑定
325浏览 • 1回复 待解决
HarmonyOS $$双向绑定问题
139浏览 • 1回复 待解决
HarmonyOS 无法使用$$双向绑定
592浏览 • 1回复 待解决
HarmonyOS 如何简单使用全局变量
110浏览 • 1回复 待解决
ArkTS和Native互传数组类型数据
1118浏览 • 1回复 待解决
字母表与侧标滚动栏的双向绑定
683浏览 • 1回复 待解决
arkts中不支持bigint数据类型
1832浏览 • 1回复 待解决
数组列表如何实现数据双向同步?
255浏览 • 1回复 待解决
数据绑定框架使用问题
5890浏览 • 1回复 待解决