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

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

父组件.wxml


     

父组件.js

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

子组件.js

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

})

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

父组件.wxml


父组件.js

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

子组件.js

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

你可能感兴趣的:(小程序父、子组件之间方法调用)