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

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

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

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏蛋未明的专栏

JavaScript实现本地图片上传预览功能(兼容IE、chrome、FF)

44560
来自专栏Android干货

小程序实践(四):动态控制组件的显示/隐藏

组件有个属性:hidden='' ,值为true/false ,当false的时候说明不隐藏,当true的时候说明隐藏,注意该隐藏是不保留组件位置的。

12920
来自专栏技术墨客

React中的模式对话框 转

在16.x版本之后React提供了Protals功能来解决模式对话框不在Dom根节点导致的一些BUG。除了Protal还有更多的方法去解决这些问题,本文来自Da...

9730
来自专栏React Native开发圈

React Native 弹出框组件

npm install--save react-native-popup-dialog

16110
来自专栏九彩拼盘的叨叨叨

浏览器默认样式

浏览器都拥有一套自己的默认样式。 浏览器之所以有默认样式表,是为了没有样式表的页面也能凑活着看。 不同浏览器;以及版本不同的浏览器的默认样式一般都是不同的。

8720
来自专栏张善友的专栏

ASP.NET 主题(Themes)FAQ

1、主题是什么 主题由一组元素组成:外观、级联样式表 (CSS)、图像和其他资源。主题将至少包含外观。主题是在网站或 Web 服务器上的特殊目录中定义的。主题...

20850
来自专栏云加头条

如何开通微信公众号同步?(微信打开)

1. .点击右上角按钮「. . .」,选择在浏览器中打开网页

65680
来自专栏飞雪无情的博客

Ubuntu下使用搜狗拼音输入法

对于经常使用Ubuntu操作系统并且不会使用五笔输入法的屌丝来说,选择一种好的拼音输入法能让你事半功倍。在window下我们都知道搜狗的输入法比较好用,更有一些...

17530
来自专栏王磊的博客

JavaScript禁用页面刷新

JavaScript禁用页面刷新代码如下: //禁用F5刷新 document.onkeydown = function () { if (event....

40390
来自专栏张善友的专栏

jQuery操作Select

jQuery是如何控制和操作select的。先看下面的html代码 <select id="test"> <option value="1">选项一<optio...

23170

扫码关注云+社区

领取腾讯云代金券