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

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

微信小程序父组件调用子组件方法相关推荐

  1. 微信小程序wpy框架给子组件传boolean值无效

    1.问题 在给子组件传Boolean类型的prop时,发现没生效. <backtohome :isRrlog="true"></backtohome> 2. ...

  2. 微信小程序开发中调用button组件添加微信客服功能

    个人比较喜欢这个解决方案,原因一是由腾讯官方运营,比较稳定.二是确实很方便啊,直接用微信回复就好了.核心代码就一行,如下 <button open-type="contact" ...

  3. 微信小程序父组件向子组件传递数据

    @微信小程序父组件向子组件传递数据 具体步骤如下 首先使用微信开发者工具创建两个页面,父页面(即父组件)名为index,子页面(即子组件)名为Search. 先在index.js中定义一个名为sour ...

  4. 钉钉小程序父组件调用子组件方法(钉钉小程序踩坑实录)

    钉钉小程序父组件调用子组件方法 页面到底部,父组件触发,调用子组件的方法,加载子组件的数据 解决方法 子组件里: didMount() {this.$page.childComponent = thi ...

  5. Vue中父组件调用子组件的方法

    场景 SpringBoot+Vue+Echarts实现选择时间范围内数据加载显示柱状图: SpringBoot+Vue+Echarts实现选择时间范围内数据加载显示柱状图_BADAO_LIUMANG_ ...

  6. 微信小程序如何封装自己的组件?

    在现在前端领域,最常见的话语就是组件化.工程化的内容.所有的框架都在朝着这方面发展.作为前端生态中的新兴热人物小程序的出现,同样支持组件化开发. 在我们的日常开发中,可以封装一些常用的组件达到复用效果 ...

  7. flutter父组件调用子组件方法

    Key 概念参考前端react和vue中key值的含义,如果列表key不更改,则即便数据又修改视图也没有更改. ValueKey:以一个值为key. ObjectKey:以一个对象为key. Uniq ...

  8. Vue父组件调用子组件的方法并传参的两种方式(用$refs.refName.functionName、window.function)

    如需了解儿子怎么控制老子的,传送门:https://s-z-q.blog.csdn.net/article/details/120094689 父组件father.vue <template&g ...

  9. vue父组件调用子组件的方法

    vue组件与组件通信有如下几种情况: 平行组件 父组件与子组件 子组件与父组件 它们之间通信有几种方法有: props 自定义事件 vuex 今天我们聊一下父组件调用子组件的一种方法 parent.v ...

  10. vue 父组件调用子组件内置方法

    背景介绍:外派到泰康做项目.这个项目中有个选择组织的功能,是一个树桩结构的懒加载,于是我就element-ui的tree组件封装了一个公共的组件. 但是后来发现他们的公司组织结构不是都请求的同一个接口 ...

最新文章

  1. Windows不能识别环境变量的原因。
  2. 【PP生产订单】入门介绍(十)
  3. 人工智能对教育产业的冲击和机遇分析 ——游戏化学习
  4. python3 urlencode_Python2和Python3中urllib库中urlencode的使用注意事项
  5. 后缀为hta,url,html,htm,html标签
  6. leetcode:图相关算法
  7. 武魂觉醒s系列服务器,[多线]星河斗罗——新服开荒丨高程度剧情还原丨3D坐骑丨魂环丨武魂觉醒[1.12.2]...
  8. http 断点续传,Windows下HTTP方式单线程下载
  9. Android学习—Notification消息通知
  10. 卷积神经网络CNN是靠什么线索学习到深度信息的?
  11. 从零开始学Pytorch(八)之Modern CNN
  12. Matlab学习随笔 ——bin文件读写
  13. 热敏打印机解析(非热转印)
  14. 不要再被骗了------QQ盗号原理大揭秘
  15. 利用Matplotlib绘制各类图表
  16. 用一个div绘制背景流动网格特效
  17. 有道云笔记、石墨笔记、 Effie …评论家怎么选?
  18. java中最基本的数据类型,java中的基本数据类型
  19. python小游戏《孙悟空大战白骨精》 (循环的练习)
  20. 派大星python代码,简单python代码类型有哪些?

热门文章

  1. 手工雕刻图纸_手工玉石雕刻图样大全
  2. 联发科MT6582开发板模块/方案开发资料
  3. 关于 ProgPoW:来自芯片工程师的观点
  4. INI 文件读取专用类
  5. Apache和 Nginx的介绍
  6. 人脑的计算能力有多强?
  7. Mairadb数据库基本操作之数据管理
  8. MJ刷新加MJE解析
  9. linux查看监听请款,请款(MIRO)RFC
  10. 各大银行ATM跨行取款收费一览表 程序员的切身利益 不得不看啊