微信小程序組件通訊

父子通訊

在子組件的對應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/