news 2026/5/1 9:11:10

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

作者头像

张小明

前端开发工程师

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/5/1 4:56:00

视角独特的照片

1.俯拍有利于表现景物的层次,给人一种辽阔的感觉,适用于拍景2.仰拍有利于突出被摄体高大的气势,有利于表现夸张的姿势

作者头像 李华
网站建设 2026/5/1 4:56:45

揭秘PHP在工业数据监控中的应用:如何实现实时统计与异常预警

第一章:PHP在工业数据监控中的角色与定位PHP作为一种广泛应用于Web开发的脚本语言,近年来在工业数据监控系统中也展现出其独特价值。尽管实时性要求极高的场景多采用C或Python,但PHP凭借其快速开发、良好的Web集成能力和丰富的生态组件&#…

作者头像 李华
网站建设 2026/4/19 1:10:24

学校要求用知网AIGC查重系统?怎么1天内把AI率降到15%!

2026年,各高校明确要求毕业论文必须通过AIGC检测,AI率高于30%甚至20%将无法参加答辩。知网作为国内主流AIGC查重系统,使用知网查论文AI率的学校和师生特别多。 2025年12月28日知网完成AIGC检测算法升级,知网个人AIGC检测服务系统…

作者头像 李华