鍍金池/ 問答/HTML/ 小程序開發(fā)遇到問題：如何把子組件的值傳給父組件

小程序開發(fā)遇到問題：如何把子組件的值傳給父組件

Component({
  properties: {}
  methods: {
    onTap: function(){
      var myEventDetail = {} // detail對象，提供給事件監(jiān)聽函數(shù)
      var myEventOption = {} // 觸發(fā)事件的選項(xiàng)
      this.triggerEvent('myevent', myEventDetail, myEventOption)
    }
  }
})

這是官方文檔給出的自定義事件，通過triggerEvent來觸發(fā)，那我如果想給這個(gè)'myevent'傳遞一個(gè)自定義組件的參數(shù)我該如何實(shí)現(xiàn)，好像沒看到方法。

回答
編輯回答
拽很帥

Component

Component({
  properties: {},

  data: {
    info:'我是子組件的值'
  },

  methods: {
    modalClear:function(){
      let myEventDetail = this.data.info;
      this.triggerEvent('myevent',myEventDetail,{bubbles:false});
    }
  }
})

index.wxml

//組件
<my-component modal-hidden="{{is_modal_Hidden}}" modal-msg="{{is_modal_msg}}" bind:myevent='onMyevent'></my-component>

index.js

  onMyevent:function(e){
    console.log(e.detail);
  }

clipboard.png

2017年6月3日 21:54
編輯回答
念初

你說的是監(jiān)聽事件傳遞嗎?
this.triggerEvent('myevent', {myEventDetail, myEventOption})

2017年1月7日 18:52