上一篇的自定义下拉刷新加载里面,父组件控制子组件的计时器,就是在父组件里面调用子组件的方法
父组件调用子组件方法
<view class="view1" >
//子组件
<loadAnimation id='loadingPIC'></loadAnimation>
</view>
一定要在子组件标签上定义一个id
父组件.js
//页面加载的时候获取一下这个子组件
onLoad: function () {
//这个this.loadingPIC是自定义的,不是一个方法也不需要再data里面定义,我也在这个地方找了很久
this.loadingPIC=this.selectComponent('#loadingPIC')//#loadingPIC子标签id
}
调用的话也很简单
父组件.js
//changeHeight子组件方法
that.loadingPIC.changeHeight()
子组件.js
changeHeight(){
console.log('子组件')
}
子组件调用父组件方法
//子组件
<clipboardSearch wx:if='{{showClipBoard}}' clipBoardInfo='{{clipBoardInfo}}' bind:closeClipBoardFUN='closeClipBoard'></clipboardSearch>
//clipBoardInfo='{{clipBoardInfo}}'传参给子组件
//closeClipBoardFUN:绑定父组件的方法(这个名字是在子组件里面调用的)
//closeClipBoard:父组件里面的方法
调用
子组件.js
clickBtn(){
this.triggerEvent('closeClipBoard')
}
父组件.js
closeClipBoardFUN(){
console.log('父组件')
}