小程序在父组件执行子组件方法,可适用于下拉刷新上拉加载之后执行子组件方法
生活随笔
收集整理的這篇文章主要介紹了
小程序在父组件执行子组件方法,可适用于下拉刷新上拉加载之后执行子组件方法
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
當父組件引用了子組件的時候,會遇到父組件執行子組件的方法,比如下拉刷新上拉加載等事件只有在頁面中才能檢測到,但是獲取數據的方法在子組件,這時就可以執行子組件方法。
思路很簡單,類似于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
更多專業前端知識,請上 【猿2048】www.mk2048.com
總結
以上是生活随笔為你收集整理的小程序在父组件执行子组件方法,可适用于下拉刷新上拉加载之后执行子组件方法的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: react如何监听路由url变化
- 下一篇: 小程序修改数组中对象的某个值或者修改对象