鸿蒙父组件中如何处理子组件内点击事件

news/2024/9/25 21:27:36/

在父组件中初始化子组件时,将父组件中定义的方法,传递给子组件,在子组件中调用该方法,类似于变量传递。参考代码如下:

class Model { value: string = '' 
} @Entry 
@Component 
struct EntryComponent { test() { console.log('testTag test in my component'); } build() { Column() { MyComponent({ title: { value: 'Hello World 2' }, count: 7, click: this.test }) //初始化时传递定义的方法 } } 
} @Component 
struct MyComponent { @State title: Model = { value: 'Hello World' } @State count: number = 0 click: () => void = () => { }; private toggle: string = 'Hello World' private increaseBy: number = 1 build() { Column() { Text(`${this.title.value}`).fontSize(30) Button(`Click to increase count=${this.count}`) .margin(20) .onClick(() => { // 修改内部状态变量count this.count += this.increaseBy this.click(); }) } } 
}

http://www.ppmy.cn/news/1503565.html

相关文章

(面试必看!)锁策略

文章导读 引言考点一、重量级锁 VS 轻量级锁1、定义与原理2、主要区别3、适用场景 考点二、乐观锁 VS 悲观锁1、悲观锁(Pessimistic Locking)2、乐观锁(Optimistic Locking)3、总结 考点三、读写锁1、读写锁的特性2、读写锁的实现…

Vue前端工程

创建一个工程化的vue项目 npm init vuelatest 全默认回车就好了 登录注册校验 //定义数据模型 const registerDataref({username:,password:,rePassword: }) //校验密码的函数 const checkRePassword(rule,value,callback)>{if (value){callback(new Error(请再次输入密…

22. Hibernate 性能之缓存

1. 前言 本节和大家一起聊聊性能优化方案之:缓存。通过本节学习,你将了解到: 什么是缓存,缓存的作用;HIbernate 中的缓存级别;如何使用缓存。 2. 缓存 2.1 缓存是什么 现实世界里,缓存是一个…

iOS ------ 持久化

一,数据持久化的目的 1,快速展示,提升体验 已经加载过的数据,用户下次查看时,不需要再次从网络(磁盘)加载,直接展示给用户 2.节省用户流量 对于较大的资源数据进行缓存&#xff…

GitHub 详解教程

1. 引言 GitHub 是一个用于版本控制和协作的代码托管平台,基于 Git 构建。它提供了强大的功能,使开发者可以轻松管理代码、追踪问题、进行代码审查和协作开发。 2. Git 与 GitHub 的区别 Git 是一个分布式版本控制系统,用于跟踪文件的更改…

cf168(div2):D.Maximize the Root(树)

题目 给你一棵有根的树,由 𝑛n 个顶点组成。树中的顶点编号为 11 至 𝑛n ,根顶点为 11 。值 𝑎𝑖ai 写在第 𝑖i 个顶点上。 您可以执行以下任意次数(可能为零)的操作:选择一个顶点…

黑马JavaWeb后端案例开发(包含所有知识点!!!)

目录 1.准备工作 环境搭建 开发规范 REST(REpresentation State Transfer),表述性状态转换,它是一种软件架构风格 注意事项 统一响应结果 2.部门管理功能 查询部门 删除部门 新增部门 RequestMapping 3.员工管理功能 分页查询 批…

『 Linux 』基于阻塞队列的生产者消费者模型

文章目录 生产者-消费者模型概述生产者消费者模型的高效性虚假唤醒信号丢失生产者消费者模型的模拟实现参考代码 生产者-消费者模型概述 生产者消费者模型是一种多线程设计模式,常见于解决多个生产者线程和多个消费者线程之间如何安全有效地共享数据; 该模型中存在三种关系,两个…