news 2026/2/12 5:45: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/2/4 6:15:41

熔断限流实战指南:分布式系统的稳定性守卫

熔断限流实战指南:分布式系统的稳定性守卫 在分布式系统中,服务依赖错综复杂,一个服务的故障可能引发连锁反应:第三方接口响应超时拖垮核心服务、突发流量冲垮数据库、下游服务崩溃导致上游服务堆积请求……这些问题最终都会演变…

作者头像 李华
网站建设 2026/2/10 1:40:53

揭秘PHP 8.7错误处理机制:5个你必须掌握的性能优化策略

第一章:PHP 8.7 错误处理机制概述PHP 8.7 在错误处理机制上进行了进一步优化,强化了类型安全与异常一致性,使开发者能够更精确地捕获和响应运行时问题。该版本延续了自 PHP 7 起将传统错误升级为异常的策略,并在底层统一了更多错误…

作者头像 李华
网站建设 2026/2/4 8:32:36

PHP+AI语音控制全方案(智能家居自动化核心技术)

第一章:PHPAI语音控制全方案概述随着人工智能技术的普及,将语音识别能力集成到传统Web应用中已成为提升用户体验的重要手段。PHP作为广泛使用的服务器端脚本语言,虽本身不直接处理音频数据,但可通过调用外部AI语音服务实现强大的语…

作者头像 李华
网站建设 2026/2/4 8:30:02

PHP日志解析全攻略(掌握ELK+Graylog的5大高阶用法)

第一章:PHP日志分析的核心挑战与演进在现代Web应用架构中,PHP作为长期广泛应用的服务器端脚本语言,其运行时产生的日志数据成为系统可观测性的关键组成部分。然而,随着应用规模扩大和分布式架构普及,PHP日志分析面临诸…

作者头像 李华
网站建设 2026/2/6 5:05:48

PHP服务告警失效的7个常见坑,你踩过几个?

第一章:PHP服务监控告警的重要性 在现代Web应用架构中,PHP作为后端服务的重要组成部分,其稳定性直接影响用户体验与业务连续性。一旦PHP服务出现性能瓶颈、异常崩溃或响应延迟,可能导致页面加载失败、接口超时甚至系统瘫痪。因此&…

作者头像 李华
网站建设 2026/2/7 10:02:14

强烈安利专科生必用TOP8 AI论文写作软件

强烈安利专科生必用TOP8 AI论文写作软件 2026年专科生论文写作工具测评:为何值得一看? 随着AI技术的不断进步,越来越多的学术辅助工具开始走进高校课堂,尤其对于专科生而言,论文写作往往成为学习过程中的“拦路虎”。从…

作者头像 李华