当前位置: 首页 > news >正文

【微信小程序】自定义组件 - 父子组件之间的通信

1. 父子组件之间通信的 3 种方式

在这里插入图片描述

2. 属性绑定

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

3. 事件绑定

在这里插入图片描述

步骤1:在父组件的 js 中,定义一个函数,这个函数即将通过自定义事件的形式,传递给子组件。

在这里插入图片描述

步骤2:在父组件的 wxml 中,通过自定义事件的形式,将步骤 1 中定义的函数引用,传递给子组件。

在这里插入图片描述

步骤3:在子组件的 js 中,通过调用 this.triggerEvent(‘自定义事件名称’, { /* 参数对象 */ }) ,将数据发送到父组件。

在这里插入图片描述

步骤4:在父组件的 js 中,通过 e.detail 获取到子组件传递过来的数据。

在这里插入图片描述

代码分析

在这里插入图片描述

4. 获取组件实例

selectComponent
在这里插入图片描述
注意:不能传递标签选择器
在这里插入图片描述

相关文章:

  • 北京网站建设多少钱?
  • 辽宁网页制作哪家好_网站建设
  • 高端品牌网站建设_汉中网站制作
  • 自然语言处理系列三十四》 语义相似度》同义词词林》代码实战
  • 三十八、【人工智能】【机器学习】【监督贝叶斯网络(Bayesian Networks)学习】- 算法模型
  • 安卓TV入门项目
  • valgrind 工具helgrind使用
  • AI技术在招聘人才笔试测评中的作用
  • linux安装go 环境
  • C语言:链表删除
  • 鸿蒙内核源码分析(原子操作篇) | 谁在为原子操作保驾护航
  • 阿里声音项目Qwen2-Audio的部署安装,在服务器Ubuntu22.04系统——点动科技
  • 依赖倒置原则(Dependency Inversion Principle, DIP)
  • SQL - 创建 表和数据库
  • k8s综合项目
  • 【秋招笔试】8.18大疆秋招(第二套)-开发岗-三语言题解
  • Spring模块详解Ⅱ
  • 华为HCIP证书好考吗?详解HCIP证书考试难易程度及备考策略!
  • JavaScript 如何正确处理 Unicode 编码问题!
  • [ 一起学React系列 -- 8 ] React中的文件上传
  • 《微软的软件测试之道》成书始末、出版宣告、补充致谢名单及相关信息
  • Angular Elements 及其运作原理
  • golang 发送GET和POST示例
  • go语言学习初探(一)
  • hadoop入门学习教程--DKHadoop完整安装步骤
  • javascript 总结(常用工具类的封装)
  • JavaWeb(学习笔记二)
  • Java-详解HashMap
  • java中具有继承关系的类及其对象初始化顺序
  • Linux编程学习笔记 | Linux多线程学习[2] - 线程的同步
  • Puppeteer:浏览器控制器
  • python3 使用 asyncio 代替线程
  • Python进阶细节
  • rabbitmq延迟消息示例
  • spring + angular 实现导出excel
  • Sublime Text 2/3 绑定Eclipse快捷键
  • ViewService——一种保证客户端与服务端同步的方法
  • 分布式熔断降级平台aegis
  • 高程读书笔记 第六章 面向对象程序设计
  • 机器人定位导航技术 激光SLAM与视觉SLAM谁更胜一筹?
  • 记录:CentOS7.2配置LNMP环境记录
  • 排序算法之--选择排序
  • 前言-如何学习区块链
  • 阿里云ACE认证之理解CDN技术
  • ​2021半年盘点,不想你错过的重磅新书
  • ​Kaggle X光肺炎检测比赛第二名方案解析 | CVPR 2020 Workshop
  • ​LeetCode解法汇总2182. 构造限制重复的字符串
  • ​MySQL主从复制一致性检测
  • # linux 中使用 visudo 命令,怎么保存退出?
  • #07【面试问题整理】嵌入式软件工程师
  • #进阶:轻量级ORM框架Dapper的使用教程与原理详解
  • (01)ORB-SLAM2源码无死角解析-(56) 闭环线程→计算Sim3:理论推导(1)求解s,t
  • (33)STM32——485实验笔记
  • (二)十分简易快速 自己训练样本 opencv级联lbp分类器 车牌识别
  • (附源码)基于ssm的模具配件账单管理系统 毕业设计 081848
  • (黑马C++)L06 重载与继承
  • (五)c52学习之旅-静态数码管
  • (学习总结16)C++模版2