小程序父、子组件之间方法调用

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

父组件.wxml

<view>
     <component-info id="userMess"></component-info>
</view>

父组件.js

Page({
  data: {},
  onShow: function(){
    this. getDetail()
  },
  getDetail(){
    var userHouseItem = this.selectComponent('#userMess')
    userHouseItem.getUserInfo() // 调取子组件方法
  }
})

子组件.js

Component({
  properties: {},
  data: {},
  methods: {
    getUserInfo(){
      console.log('我是需要在父组件中调用的子组件方法')
    }
  }

})

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

父组件.wxml

<component-info bind:callSomeFun="onLoad"></component-info>

父组件.js

onLoad: function() {
  ... ...  
}

子组件.js

var val = 123; //传递参数
this.triggerEvent('callSomeFun', val)