小程序父、子组件之间方法调用
2021-07-08 本文已影响0人
郭_小青
一:父组件调用子组件的方法
父组件.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)