微信小程序组件通信

最新推荐文章于 2025-03-12 23:09:21 发布

weixin_30413739

最新推荐文章于 2025-03-12 23:09:21 发布

阅读量159

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/zmdblog/p/10374026.html

父子通信

在子组件的对应js中

properties：{

　　prop名字：数据类型，

　　prop名字：{

　　　　type：数据类型，

　　　　value：默认值

　　}

}

在父组件的wxml模板中找到子组件标签

<子组件 prop名字=‘值’></子组件>

2.子父通信

在子组件对应的元素身上绑定原生事件

<button bindtap = 'tapHandler'></button>

// 在函数中，触发自定义事件
tapHandler(){
    this.triggerEvent('自定义事件名','数据'）
}

在父组件的wxml模板中找到子组件标签，在标签上监听自定义事件

<子组件 bind自定义事件名 = ‘函数’></子组件>
函数（e）{
     e。detail就是子组件发来的数据
}

关于组件可以参照微信小程序的官方文档：

https://developers.weixin.qq.com/miniprogram/dev/framework/custom-component/

转载于:https://www.cnblogs.com/zmdblog/p/10374026.html