這篇“微信小程序中如何實現組件通訊”文章的知識點大部分人都不太理解，所以小編給大家總結了以下內容，內容詳細，步驟清晰，具有一定的借鑒價值，希望大家閱讀完這篇文章能有所收獲，下面我們一起來看看這篇“微信小程序中如何實現組件通訊”文章吧。

成都創新互聯公司不只是一家網站建設的網絡公司；我們對營銷、技術、服務都有自己獨特見解，公司采取“創意+綜合+營銷”一體化的方式為您提供更專業的服務！我們經歷的每一步也許不一定是最完美的，但每一步都有值得深思的意義。我們珍視每一份信任，關注我們的網站設計、成都網站制作質量和服務品質，在得到用戶滿意的同時，也能得到同行業的專業認可，能夠為行業創新發展助力。未來將繼續專注于技術創新，服務升級，滿足企業一站式成都全網營銷需求，讓再小的成都品牌網站建設也能產生價值！

（1）父組件向子組件傳值：

<header title='{{title}}' bind:fn='fn' id='header'></header>

通過title='{{title}}'傳向子組件向子組件傳遞參數

子組件接收參數：

Component({
 properties: {
  title: {    // 屬性名 type: Number, // 類型（必填）
   type: String,//目前接受的類型包括：String, Number, Boolean, Object, Array, null（表示任意類型）
  },
  fn: {   
   type: Function,
  },
 },
 data: {
    
 },
 methods: {
  // 子組件調用父組件方法
  childFn() {
   console.log(this.data.title)
   this.triggerEvent("fn");
   //triggerEvent函數接受三個值：事件名稱、數據、選項值 
  }
 }
})

methods使用title時 this.data.title 直接就可以獲取到

通過 bind:fn='fn'傳向子組件向子組件傳遞方法

方法同樣也要在properties接收,methods里定義一個新方法, this.triggerEvent("fn") 接收父組件傳遞過來的方法

（2）父組件調用子組件數據及方法：

首先在父組件js onReady 生命周期中獲取到組件

onReady: function () {
  //獲得popup組件
  this.header= this.selectComponent("#header");
},

比如要調用子組件的一個function方法

// 調用子組件方法
 fn(){
  this.header.fn() //子組件的方法
 },

以上就是關于“微信小程序中如何實現組件通訊”這篇文章的內容，相信大家都有了一定的了解，希望小編分享的內容對大家有幫助，若想了解更多相關的知識內容，請關注創新互聯行業資訊頻道。

分享標題：微信小程序中如何實現組件通訊-創新互聯
網站路徑：http://www.js-pz168.com/article2/ihoic.html

成都網站建設公司_創新互聯，為您提供App開發、網站設計、品牌網站建設、品牌網站制作、動態網站、靜態網站

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯