當父組件引用了子組件的時候,會遇到父組件執行子組件的方法,比如下拉刷新上拉載入等事件只有在頁面中才能檢測到,但是獲取數據的方法在子組件,這時就可以執行子組件方法。 思路很簡單,類似於vue中給子組件加ref執行子組件方法道理一樣,這裡是給子組件加一個 屬性: id="子組件名稱",比如: 然後在父組 ...
當父組件引用了子組件的時候,會遇到父組件執行子組件的方法,比如下拉刷新上拉載入等事件只有在頁面中才能檢測到,但是獲取數據的方法在子組件,這時就可以執行子組件方法。
思路很簡單,類似於vue中給子組件加ref執行子組件方法道理一樣,這裡是給子組件加一個 屬性: id="子組件名稱",比如:
<news-list id="list"></news-list>
然後在父組件對應的方法中直接
this.selectComponent("#list").getList();
如果涉及到多次調用該子組件的方法,可以在onReady生命周期中定義一下,比如:
onReady:function(){ this.list = this.selectComponent("#list"); },
之後在方法中再調用的時候直接用this.list.方法名就可以了。比如:
onPullDownRefresh() { let that=this; this.list.getList(); setTimeout(function(){ wx.stopPullDownRefresh() },1000) },
參考鏈接:https://blog.csdn.net/qq_36611526/article/details/80567964