微信小程序> 微信小程序父组件执行子组件的方法-微信小程序引用组件-微信小程序组件开发

微信小程序父组件执行子组件的方法-微信小程序引用组件-微信小程序组件开发

浏览量:1912 时间: 来源:谢阳光Zzz
1.

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

2.

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

news-listid"list"/news-list3.

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

this.selectComponent("#list").getList();4.

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

onReady:function(){this.listthis.selectComponent("#list");},5.

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

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

版权声明

即速应用倡导尊重与保护知识产权。如发现本站文章存在版权问题,烦请提供版权疑问、身份证明、版权证明、联系方式等发邮件至197452366@qq.com ,我们将及时处理。本站文章仅作分享交流用途,作者观点不等同于即速应用观点。用户与作者的任何交易与本站无关,请知悉。

产品经理

手机 : 13312967497

擅长 : 小程序流量变现

扫码领取礼包

最新资讯

热门模板

  • 头条
  • 搜狐
  • 微博
  • 百家
  • 一点资讯
  • 知乎