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

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

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

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

通過title='{{title}}'傳向子組件向子組件傳遞參數(shù)

子組件接收參數(shù)：

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

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

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

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

（2）父組件調(diào)用子組件數(shù)據(jù)及方法：

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

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

比如要調(diào)用子組件的一個function方法

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

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

分享標題：微信小程序中如何實現(xiàn)組件通訊-創(chuàng)新互聯(lián)
網(wǎng)站路徑：http://aaarwkj.com/article2/ihoic.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供App開發(fā)、網(wǎng)站設計、品牌網(wǎng)站建設、品牌網(wǎng)站制作、動態(tài)網(wǎng)站、靜態(tài)網(wǎng)站

廣告

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