微信小程序的組件通信


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 這樣就完成了微信小程序的兄弟組件通信
  關於兄弟組件 這里發現了一篇很不錯的博客  可以看一下  這里就不細說了~
  https://www.cnblogs.com/yier0705/p/9679505.html


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM