微信 小程序 父组件与子组件之间的传值和调用

一、父组件调用子组件的方法

（1）首先在父组件的json文件中添加子组件路径

"usingComponents": {
    "ARInfo": "../other/main"
  },

（2）在父组件wxml中添加子组件

<ARInfo bindtransfer="closePicture" bind:myevent="get_emit" id="ARInfo" wx:if="{{isARInfo}}" style="position: absolute;top:0px;left: 0px;width: 100%;height: 100%; z-index:10;"></ARInfo>

（3）在父组件中调用方法

this.selectComponent("#ARInfo").againFrame_02_4_2x_0()

（4）在子组件json文件中添加

"component": true,

二、子组件传值给父组件

（1）在父组件wxml中的《bind:myevent="get_emit"》是用来监听子组件中data数据变化，需要在子组件中构造传值方法

emit: function (data) {
      // 自定义组件向父组件传值 
      let val = data,
        my_event_detail = {
          val: val
        }
      this.triggerEvent('myevent', my_event_detail)
    },

（2）在需要通知父组件数据变化做出相应处理时，调用该方法即可，《this.emit(this.data)》

（3）在父组件中，构造get_emit函数，获取到传入的数据

get_emit: function (e) {
      console.log('e.detail.val----', e.detail.val)
      var that = this
      this.setData({
        is_loop: e.detail.val.is_loop
      })
      if (e.detail.val.is_loop === true){
        that.ar_startScan()
      }
}