父组中变量值改变,如何让子组件中的值跟着一起变化?

父组中变量值改变,如何让子组件中的值跟着一起变化?

HarmonyOS
2024-07-11 11:16:33
浏览
收藏 0
回答 2
待解决
回答 2
按赞同
/
按时间
鱼弦CTO
1
分享
微博
QQ
微信
回复
2024-07-11 11:33:32
单花红丝线
@Component
@Preview
export struct Father {
  @State age: number = 20

  build() {
    Column({ space: 15 }) {
      //点击前显示年龄为20岁
      Text(`年龄${this.age}岁`)
        .width(100)
        .height(40)
        .textAlign(TextAlign.Center)
        .onClick(() => {
          //点击后,将age改为30,Text显示也变为30
          this.age = 30
        })
      Child({ age: this.age })
    }.width('100%')
    .height("100%")
    .justifyContent(FlexAlign.Center)
  }
}

@Component
export struct Child {
  @Prop age: number
  build() {
    Text(`年龄${this.age}岁`)
  }
}
分享
微博
QQ
微信
回复
2024-07-12 10:09:23
相关问题
如何监听Viewmodel里变量值变化
1823浏览 • 1回复 待解决
@State 修饰变量值改变,界面不刷新
1203浏览 • 1回复 待解决
如何动态查看代码运行时变量值
563浏览 • 1回复 待解决
如何设置组件组件宽度变化
1988浏览 • 1回复 待解决
组件如何处理组件内点击事件
2573浏览 • 1回复 待解决
如何变量不包含“-”
1400浏览 • 1回复 待解决
ArkTS如何监听状态变量变化
748浏览 • 1回复 待解决
组件调用组件方法
1108浏览 • 1回复 待解决