小程序之組件傳參

父向子組件傳參

父組件傳遞

user(e) {
      let id = e.currentTarget.dataset.id;
      let detail = e.currentTarget.dataset.detail;
      wx.navigateTo({
        url: '/pages/member/package-payment-code/package-payment-code?id=' + id + '&detail=' + detail
      })
    },

子組件接受

  onLoad: function(options) {
    if (options.type == 1) {
      wx.setNavigationBarTitle({
        title: "套餐付款碼"
      })
      this.setData({
        boln: true
      })
    } else {
      wx.setNavigationBarTitle({
        title: "券付款碼"
      })
      this.setData({
        boln: false,
        detail: options.detail
      })
    }
    if (options.id) {
      this.setData({
        id: options.id
      })
    }
  },

子向父組件及祖組件傳參

//子組件
	let author = "true"
    that.triggerEvent("traCheckedNum", author)
//父組件
<dialogBar wx:if="{{meal.IsUse && meal.IsIncrease}}" meal="{{meal}}" type='0' bind:traCheckedNum="traCheckedNum" skinStyle="{{skinStyle}}">

// 子組件傳值
    traCheckedNum: function (e) {
      console.log(e.detail)
      this.triggerEvent('myevent', e)
    },
//父組件的父級
<setMeal meal="{{item}}" skinStyle="{{skinStyle}}" bind:myevent='getMask' index="{{navIndex}}"/>

getMask(e) {
    console.log(e.detail.detail);
    if (e.detail.detail) {
      this.onShow();
    }
  },
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章