HarmonyOS 鸿蒙Next子组件事件传递

发布于 1周前 作者 songsunli 来自 鸿蒙OS

HarmonyOS 鸿蒙Next子组件事件传递

我组件有个itemclick事件，如何在父组件中链式调用它？

cke_1071.png


更多关于HarmonyOS 鸿蒙Next子组件事件传递的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html

Harmonyos Next教程
7 回复
楼主您好，鸿蒙目前还不支持链式调用的。

更多关于HarmonyOS 鸿蒙Next子组件事件传递的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


自定义组件好像暂不支持链式调用自定义属性方法

希望以后能支持吧

父组件传递个事件过来啊

怎么写，请教一下

传事件是一个解决办法，我想的是链式调用

好像还不行哦

在HarmonyOS鸿蒙Next中，子组件事件的传递通常通过事件监听与触发机制实现。以下是专业解答：

子组件向父组件传递事件

  1. 子组件触发事件：

    • 子组件内部通过调用$emit方法触发自定义事件，并传递相关数据。

  2. 父组件监听事件：

    • 在父组件的模板中，通过@事件名语法监听子组件触发的自定义事件。
    • 父组件定义相应的事件处理函数，处理子组件传递的数据。

示例代码

// 子组件
@Component struct MyComponent {
    @Click('my-button')
    onButtonClick(event: ClickEvent): void {
        this.$emit('custom-click', event);
    }
    build() {
        Button('点击我')
            .onClick(() => this.onButtonClick);
    }
}

// 父组件
@Component struct ParentComponent {
    onCustomClick(event: CustomEvent<ClickEvent>): void {
        console.log('Custom click event received:', event);
    }
    build() {
        MyComponent(@custom-click="onCustomClick")
    }
}

如果问题依旧没法解决请联系官网客服，官网地址是：https://www.itying.com/category-93-b0.html。

回到顶部