news 2026/4/16 16:55:27

微信小程序组件间通信父子组件通信方式

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
微信小程序组件间通信父子组件通信方式

官方文档:https://developers.weixin.qq.com/miniprogram/dev/framework/custom-component/events.html

组件间的基本通信方式有以下几种。

  • WXML 数据绑定:用于父组件向子组件的指定属性设置数据,仅能设置 JSON 兼容数据(自基础库版本 2.0.9 开始,还可以在数据中包含函数)。具体在 组件模板和样式 章节中介绍。
  • 事件:用于子组件向父组件传递数据,可以传递任意数据。
  • 如果以上两种方式不足以满足需要,父组件还可以通过this.selectComponent方法获取子组件实例对象,这样就可以直接访问组件的任意数据和方法。

父 传递 messageData属性给 子组件:

其中 observers 组件数据字段监听器,用于监听 properties 和 data 的变化,参见 数据监听器

父组件将数据传递下去:

子 触发 triggerEvent 父组件bind的事件:

父组件bind事件:

版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/4/16 10:14:51

还在手动写审批流?,这套PHP低代码解决方案让你领先同行3年

第一章:还在手动写审批流?低代码时代的必然选择在传统企业应用开发中,审批流程的实现往往依赖于硬编码,开发周期长、维护成本高。每当业务规则变更,就需要重新修改代码、测试并部署,严重拖慢了数字化转型的…

作者头像 李华
网站建设 2026/4/16 2:09:52

GLM-TTS在地震应急广播系统中的断网续传能力设计

GLM-TTS在地震应急广播系统中的断网续传能力设计 在一场突发性强震中,通信基站瘫痪、电力中断、网络失联——这是应急响应中最危险的“信息黑洞”时刻。此时,能否通过本地设备持续发出清晰、权威、可理解的语音指令,直接关系到千百人的生死撤…

作者头像 李华
网站建设 2026/4/16 13:35:10

为什么你的PHP图像识别总不准?3大隐性陷阱及修复方案

第一章:PHP图像识别精度问题的根源剖析在现代Web应用中,PHP常被用于处理图像识别任务,尤其是在OCR(光学字符识别)和简单模式匹配场景中。然而,开发者普遍反映其识别精度难以满足生产环境需求。该问题的根源…

作者头像 李华
网站建设 2026/4/16 16:46:38

包装运输测试如何判定是否合格

先搞明白:包装运输测试测什么?包装运输测试就像给产品的“旅途防护装备”做压力测试,核心是模拟产品从工厂到消费者手中全流程的严苛环境——比如公路运输的持续颠簸、铁路转运的振动、装卸环节的意外跌落、仓储过程的堆叠挤压等,…

作者头像 李华