小程序在父組件執行子組件方法,可適用於下拉刷新上拉加載之后執行子組件方法


當父組件引用了子組件的時候,會遇到父組件執行子組件的方法,比如下拉刷新上拉加載等事件只有在頁面中才能檢測到,但是獲取數據的方法在子組件,這時就可以執行子組件方法。

思路很簡單,類似於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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM