小程序在父组件执行子组件方法，可适用于下拉刷新上拉加载之后执行子组件方法

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

思路很简单，类似于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

小程序在父组件执行子组件方法，可适用于下拉刷新上拉加载之后执行子组件方法相关推荐

小程序在父组件执行子组件方法，可适用于下拉刷新上拉加载之后执行子组件方法...
当父组件引用了子组件的时候,会遇到父组件执行子组件的方法,比如下拉刷新上拉加载等事件只有在页面中才能检测到,但是获取数据的方法在子组件,这时就可以执行子组件方法. 思路很简单,类似于vue中给子组件加 ...
微信小程序下拉刷新/上拉加载组件
简介一款基于官方组件scroll-view进行封装的支持上拉加载下拉刷新的微信小程序组件,需要基础库2.10.1及以上, 项目地址:github 预览功能下拉刷新上拉加载支持自定义下拉样式 ...
react-native 自定义下拉刷新 / 上拉加载更多组件
1.封装 Scroller 组件 src/components/Scroller/index.js /*** 下拉刷新/上拉加载更多组件(Scroller)*/ import React, {Com ...
小程序下拉刷新上拉加载等多
小程序下拉刷新上拉加载下拉刷新在当前页面的json文件中开启上拉刷新 async getGoodsList(){ //定义参数信息var n=this.data.infoconst res=aw ...
微信小程序下拉刷新/上拉加载更多（上拉加载更多怎么实现）
参考:微信小程序开发文档->框架>逻辑层->注册页面实现原理: 1.下拉刷新:由于小程序数据是实时渲染的.我们把data{}内的数据清空重新加载即可实现下拉刷新. 2.上拉加载更多 ...
android verticalviewpager 下拉刷新上拉加载_设计规范 | 详解组件控件结构体系：加载类...
设计师在进行APP设计时,往往会更加专注于界面的布局.界面和界面之间怎么跳转.操作反馈,却往往忽略掉一个比较重要的环节,就是APP数据加载中的设计.那么我们怎么处理好界面交互中的加载设计,保证体验无缝 ...
微信小程序控制硬件第14篇微信小程序腾讯地图控制 4G Cat.1模组，安信可CA-01加载定位显示当前位置。
文章目录一.前言通讯协议技术问题点二.4G模组业务逻辑上报基站信息三.微信小程序控制另外,不要把我的博客作为学习标准,我的只是笔记,难有疏忽之处,如果有,请指出来,也欢迎留言哈! 微信物 ...
微信小程序订单页面下拉刷新上拉分页加载
微信小程序开发交流qq群 581478349 承接微信小程序开发.扫码加微信. 正文: 效果图: 代码: json代码: {"enablePullDownRefresh" ...
微信小程序下拉刷新/上拉加载更多
查看文档,在用page()函数注册页面的时候有这样的两个对象参数用户判断用户在最顶部下拉和到达最底部, 在小程序里,用户顶部下拉是默认禁止的,我们需要把他设置为启用,在app.json中的设置对所有页 ...

小程序在父组件执行子组件方法，可适用于下拉刷新上拉加载之后执行子组件方法

小程序在父组件执行子组件方法，可适用于下拉刷新上拉加载之后执行子组件方法相关推荐

最新文章

热门文章