在對組件進(jìn)行封裝時 在當(dāng)前頁面想要獲取組件中的某一狀態(tài)，需要使用到this.triggerEvent(' ',{},{}),第一個參數(shù)是自定義事件名稱，這個名稱是在頁面調(diào)用組件時bind的名稱，第二個對象就可以將想要的屬性拿到，第三個參數(shù)文檔中有介紹，有機(jī)會再做補(bǔ)充。

目前累計(jì)服務(wù)客戶成百上千家，積累了豐富的產(chǎn)品開發(fā)及服務(wù)經(jīng)驗(yàn)。以網(wǎng)站設(shè)計(jì)水平和技術(shù)實(shí)力，樹立企業(yè)形象，為客戶提供成都網(wǎng)站設(shè)計(jì)、成都做網(wǎng)站、外貿(mào)網(wǎng)站建設(shè)、網(wǎng)站策劃、網(wǎng)頁設(shè)計(jì)、網(wǎng)絡(luò)營銷、VI設(shè)計(jì)、網(wǎng)站改版、漏洞修補(bǔ)等服務(wù)。創(chuàng)新互聯(lián)建站始終以務(wù)實(shí)、誠信為根本，不斷創(chuàng)新和提高建站品質(zhì)，通過對領(lǐng)先技術(shù)的掌握、對創(chuàng)意設(shè)計(jì)的研究、對客戶形象的視覺傳遞、對應(yīng)用系統(tǒng)的結(jié)合，為客戶提供更好的一站式互聯(lián)網(wǎng)解決方案，攜手廣大客戶，共同發(fā)展進(jìn)步。

在這個demo中l(wèi)ike組件是我要封裝的組件，在classic.wxml中調(diào)用的：

組件like.vue的頁面是這樣寫的：

 
 {{count}}

組件的like.js中methods是這樣寫的：

methods: {
    onLike(event) {
      let like = this.properties.like;
      let count = this.properties.count;
      count = like ? count - 1 : count + 1;
      this.setData({
        like: !like,
        count
      })
      let behavior = this.properties.like ? "like" : "cancel";
      this.triggerEvent('like', {
        behavior
      }, {})
    }
  }

那么在classic.wxml中調(diào)用組件：

這里要注意bind:后面的like是this.triggerEvent()的第一個參數(shù)，自定義事件名稱

classic.js中onlike就可以實(shí)現(xiàn)頁面對組件屬性的獲?。?/p>

 onLike: function(event) {
    console.log(event)
  }

event.detail.behavior就可以拿到是不是喜歡的屬性了。

以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持創(chuàng)新互聯(lián)。