1. 程式人生 > >微信小程序組建通信

微信小程序組建通信

top dex 程序 color lan developer https bsp methods

子組件傳遞父組件需要用到triggerEvent方法,當子組件(自定義組件)點擊button的時候調用triggerEvent方法傳遞一些數據,首先第一個屬性為自定義名稱(myevent)對應父組件(bind:myevent)名字是個標識必須相同,第二個參數就是要傳遞的數據,第三個參數是一些配置具體參考(https://developers.weixin.qq.com/miniprogram/dev/framework/custom-component/events.html)。父組件bind:myevent="onMyEvent"事件綁定,通過e.detail.count來獲取數據。

//父組件,引用component-tag-name
<component-tag-name bind:myevent="onMyEvent" /> //index.js Component({ onMyEvent(e) { e.detail.count // 自定義組件觸發事件時提供的detail對象,結果為1 } })
//子組件
<button bindtap="onTap">點擊這個按鈕將觸發“myevent”事件</button>

//index.js
Component({
  properties: {},
  methods: {
    onTap() {
      const myEventDetail 
= {count:1} // detail對象,提供給事件監聽函數 const myEventOption = {} // 觸發事件的選項 this.triggerEvent(‘myevent‘, myEventDetail, myEventOption) } } })

微信小程序組建通信