码迷,mamicode.com
首页 > 微信 > 详细

微信小程序组件通信

时间:2019-02-14 13:21:25      阅读:293      评论:0      收藏:0      [点我收藏+]

标签:绑定   http   默认值   weixin   handle   pre   MinIP   微信   hand   

父子通信

在子组件的对应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/

微信小程序组件通信

标签:绑定   http   默认值   weixin   handle   pre   MinIP   微信   hand   

原文地址:https://www.cnblogs.com/zmdblog/p/10374026.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!