小程序开发遇到问题：如何把子组件的值传给父组件

Question

Component({
  properties: {}
  methods: {
    onTap: function(){
      var myEventDetail = {} // detail对象，提供给事件监听函数
      var myEventOption = {} // 触发事件的选项
      this.triggerEvent('myevent', myEventDetail, myEventOption)
    }
  }
})

这是官方文档给出的自定义事件，通过triggerEvent来触发，那我如果想给这个'myevent'传递一个自定义组件的参数我该如何实现，好像没看到方法。

Answer 1

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);
  }

Answer 2

你说的是监听事件传递吗?
this.triggerEvent('myevent', {myEventDetail, myEventOption})