午夜91福利视频,午夜成人在线观看,午夜在线视频免费观看,午夜福利短视频,精品午夜成人免费视频APP

小程序模板網

微信小程序的組件通信

發(fa)布(bu)時(shi)間:2021-06-25 10:54 所屬欄目:小程序開發教程

1.父傳子

  實現方式類似于vue
  引入子組件
  在子組件上添加自定義屬性 例如:title,content
  在子組件上的properties上添加要接收的屬性 title,content
  在子組件上通過{{ }}就可以直接使用啦。。
  ps:只是接收的時候vue是用props  小程序是properties  里邊的方法都是一樣的

2.子傳父

  實現方式類似于vue
  1.在子組件上觸發一個事件 例如:catchtap="confirmmFn"
  2.在對應的confirmFn上添加派發的事件和要向父級傳遞的數據
    this.triggerEvent('confirm','ok')
    this.triggerEvent('cancel','no')
  3.父組件監聽子組件派發過來的事件和要接收的數據
    bind要監聽的事件名=“回調方法”
     eg:
       <child  
        bindconfirm="confirm"
        bindcancel="cancel"
       />

   4.在父組件的js中接收數據
    //監聽確定按鈕觸發的回調
    confirm(e) {
       console.log('監聽確定',e.detail)
     },

3.兄弟相傳 類似于react的兄弟相傳

  A兄弟,B兄弟,C(父組件)三個組件
  A-->C--->B
  組件A 通過子傳父 將數據傳給父組件 C 
  父組件C 通過父傳子的方法將數據再傳給子組件B 這樣就完成了微信小程序的兄弟組件通信
 


易優小程(cheng)序(企業版)+靈活api+前后代(dai)碼(ma)開(kai)源 碼云(yun)倉庫:
本文地址://www.jinyoudianli.com/wxmini/doc/course/26739.html 復制鏈接 如(ru)需定制請聯系易優客服(fu)咨詢(xun):

工作日 8:30-12:00 14:30-18:00
周(zhou)六及(ji)部(bu)分(fen)節(jie)假日(ri)提供(gong)值班服務

易(yi)小優
轉人工(gong) ×