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

思路很简单,类似于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. 双链表偶数节点求和java_java--删除链表偶数节点
  2. UML 中各种图形重要性的排行
  3. HDU 1757 A Simple Math Problem (矩阵快速幂)
  4. android 面试汇总二
  5. 作者:刘强强(1992-),男,贵州大学公共管理学院硕士生。
  6. linux 已有目录挂载磁盘
  7. python jupyter notebook 上传文件_使用jupyter notebook将文件保存为Markdown,HTML等文件格式...
  8. android NDK安装
  9. 谁手握账本?趣讲 ZK 的内存模型
  10. 解决aqua data studio 中文乱码问题
  11. python 批量修改文件夹和子文件夹的名称
  12. 济安横断面怎么去水印_济安横断面设计软件
  13. 如何求复数的模用计算机,复数计算器(复数运算工具)
  14. 微信小游戏马甲包过审(马甲包过包)
  15. moment.js 时间处理类库--时间戳和时间格式相互转换
  16. MOOS程序解析记录(4)
  17. TP5 封装 mongoDB
  18. 医院管理信息系统 HIS EMR PACS LIS
  19. 网络——VRRP、浮动路由(备份路由)
  20. 7段均衡器最佳参数_汽车音响7段均衡器设置,七段均衡器常用调校图

热门文章

  1. realloc动态内存调整探究
  2. Win10关闭Hyper-V打开VT的正确步骤
  3. Maix Bit(K210) 裸机开发教程(二)串口通信
  4. 前端路线--JS高阶(day03)
  5. 证书:申请都在开发账号中
  6. 还原数据库提示 Unknown collation ‘utf8_general_mysql500_ci’解决方式
  7. c语言程序for循环处设断点,期中总结
  8. edge浏览器安装chrome插件
  9. 『腾讯后台开发』实习生技能要求
  10. 表示自己从头开始的句子_形容从头开始的句子