#鸿蒙通关秘籍#如何在HarmonyOS NEXT中实现父组件和子组件参数传递?

HarmonyOS
5h前
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
紫陌红尘PVT

在HarmonyOS NEXT中实现父组件与子组件之间的参数传递,可以借助@Prop装饰器。以下是具体步骤:

  1. 子组件接收参数

    在子组件中,通过使用@Prop装饰器声明参数,接收来自父组件的值。例如,在子组件中可以这样定义:

    @Component
    export struct Child {
      @Prop name: string
    
      build() {
        Row() {
          Text(`Name: ${this.name}`)
            .fontSize(20)
        }
      }
    }
    

    这里的name将作为一个属性接收父组件传递的值。

  2. 父组件传递参数

    在父组件调用子组件时,使用类似传递对象属性的方法来为@Prop属性赋值。例如:

    import { Child } from "../components/Child/index.ets"
    
    @Entry
    @Component
    struct Parent {
      build() {
        Column() {
          Child({name: "HarmonyOS"}).width("100%");
        }
      }
    }
    

    这里父组件在调用Child组件时,通过传递一个名字为name的属性,把实际值"HarmonyOS"传递给子组件。

如此,父组件就可以将数据传递给子组件,子组件能够通过@Prop获取并处理这个数据。

分享
微博
QQ
微信
回复
3h前
相关问题
组件组件传递函数
219浏览 • 1回复 待解决
组件事件能否到传递组件
2308浏览 • 1回复 待解决