小程序在父组件执行子组件方法,可适用于下拉刷新上拉加载之后执行子组件方法
生活随笔
收集整理的這篇文章主要介紹了
小程序在父组件执行子组件方法,可适用于下拉刷新上拉加载之后执行子组件方法
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
當(dāng)父組件引用了子組件的時候,會遇到父組件執(zhí)行子組件的方法,比如下拉刷新上拉加載等事件只有在頁面中才能檢測到,但是獲取數(shù)據(jù)的方法在子組件,這時就可以執(zhí)行子組件方法。
思路很簡單,類似于vue中給子組件加ref執(zhí)行子組件方法道理一樣,這里是給子組件加一個 屬性:? id="子組件名稱",比如:
<news-list id="list"></news-list>然后在父組件對應(yīng)的方法中直接
this.selectComponent("#list").getList();如果涉及到多次調(diào)用該子組件的方法,可以在onReady生命周期中定義一下,比如:
onReady:function(){this.list = this.selectComponent("#list");},之后在方法中再調(diào)用的時候直接用this.list.方法名就可以了。比如:
onPullDownRefresh() {let that=this;this.list.getList();setTimeout(function(){wx.stopPullDownRefresh()},1000)},參考鏈接:https://blog.csdn.net/qq_36611526/article/details/80567964
更多專業(yè)前端知識,請上 【猿2048】www.mk2048.com
總結(jié)
以上是生活随笔為你收集整理的小程序在父组件执行子组件方法,可适用于下拉刷新上拉加载之后执行子组件方法的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: react如何监听路由url变化
- 下一篇: 小程序修改数组中对象的某个值或者修改对象