父组件调用子组件方法 父组件子组件互相调用方法

上一篇的自定义下拉刷新加载里面,父组件控制子组件的计时器,就是在父组件里面调用子组件的方法

父组件调用子组件方法

<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('父组件')
}

okk

猜你喜欢

转载自blog.csdn.net/glorious_future/article/details/115404812