news 2026/4/29 0:50:49

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

作者头像

张小明

前端开发工程师

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/24 8:23:49

【资深架构师亲授】:PHP项目分库分表迁移避坑指南

第一章:分库分表的核心理念与演进路径在现代高并发、大数据量的应用场景下,单一数据库实例已难以支撑业务的持续增长。分库分表作为一种有效的数据库水平扩展方案,其核心理念是将原本集中存储的数据按一定规则分散到多个数据库或数据表中&…

作者头像 李华
网站建设 2026/4/29 0:50:49

知网AIGC检测系统升级后如何隆低AI率?2026年1月最新隆AI攻略

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

作者头像 李华
网站建设 2026/4/27 12:58:28

语音合成灰度组织变革管理:推动内部接受新技术

语音合成灰度组织变革管理:推动内部接受新技术 在企业数字化转型的浪潮中,语音交互正从边缘功能演变为关键服务触点。无论是客服系统的自动播报、培训材料的语音化,还是营销内容的个性化推送,高质量语音输出已成为用户体验的重要组…

作者头像 李华
网站建设 2026/4/27 12:57:12

汽车制造工艺数字化转型:冲、焊、涂环节的智能优化与协同

一、“冲焊涂”工艺在汽车制造中的重要地位与技术挑战在现代汽车制造体系中,冲压、焊接、涂装(简称“冲焊涂”)作为车身制造的三大核心工艺环节,直接决定了整车的结构强度、外观品质以及耐腐蚀性能。冲压工艺负责通过大型模具将金…

作者头像 李华
网站建设 2026/4/23 20:44:39

手把手教你用PHP构建可视化流程设计器:前端+后端完整实现

第一章:PHP低代码流程设计器概述PHP低代码流程设计器是一种基于PHP语言构建的可视化开发工具,旨在通过图形化界面快速搭建业务流程逻辑,降低传统编码的复杂度。开发者或业务人员可通过拖拽组件、配置参数的方式定义流程节点与流转规则&#x…

作者头像 李华
网站建设 2026/4/26 11:37:41

【人工智能通识专栏】第五讲:DeepSeek插件

【人工智能通识专栏】第五讲:DeepSeek插件 上一讲我们探讨了DeepSeek的多种接入渠道,包括官方网页、API和本地部署。本讲聚焦DeepSeek插件(extensions/integrations),即通过浏览器扩展、IDE插件等方式,将D…

作者头像 李华