小程序在父组件执行子组件方法，适用于下拉刷新上拉加载之后执行子组件方法

最新推荐文章于 2023-04-06 09:21:43 发布

saturday-yh

最新推荐文章于 2023-04-06 09:21:43 发布

阅读量296

点赞数 1

分类专栏：微信

本文链接：https://blog.csdn.net/qq_42092177/article/details/105207434

版权

11 篇文章 0 订阅

订阅专栏

当父组件引用了子组件的时候，会遇到父组件执行子组件的方法，比如下拉刷新上拉加载等事件只有在页面中才能检测到，但是获取数据的方法在子组件，这时就可以执行子组件方法。

思路很简单，类似于vue中给子组件加ref执行子组件方法道理一样，这里是给子组件加一个属性： id="子组件名称",比如：

<evaluate id="eval" wx:if="{{showEvaluate}}"  goodsId="{{goodsId}}"> </evaluate>

然后在父组件对应的方法中直接

this.selectComponent("#eval").getList();

如果涉及到多次调用该子组件的方法，可以在onReady生命周期中定义一下，比如：

 onReady:function(){
    this.eval= this.selectComponent("#eval");
  },

之后在方法中再调用的时候直接用this.list.方法名就可以了。比如：

onPullDownRefresh() {
    let that=this;
    this.list.getList();
    setTimeout(function(){
    wx.stopPullDownRefresh()
    },1000)
  },

关注