微信小程序父组件调用子组件方法
当父组件引用了子组件的时候,会遇到父组件执行子组件的方法,比如下拉刷新上拉加载等事件只有在页面中才能检测到,但是获取数据的方法在子组件,这时就可以执行子组件方法。
思路很简单,类似于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)},
微信小程序父组件调用子组件方法相关推荐
- 微信小程序wpy框架给子组件传boolean值无效
1.问题 在给子组件传Boolean类型的prop时,发现没生效. <backtohome :isRrlog="true"></backtohome> 2. ...
- 微信小程序开发中调用button组件添加微信客服功能
个人比较喜欢这个解决方案,原因一是由腾讯官方运营,比较稳定.二是确实很方便啊,直接用微信回复就好了.核心代码就一行,如下 <button open-type="contact" ...
- 微信小程序父组件向子组件传递数据
@微信小程序父组件向子组件传递数据 具体步骤如下 首先使用微信开发者工具创建两个页面,父页面(即父组件)名为index,子页面(即子组件)名为Search. 先在index.js中定义一个名为sour ...
- 钉钉小程序父组件调用子组件方法(钉钉小程序踩坑实录)
钉钉小程序父组件调用子组件方法 页面到底部,父组件触发,调用子组件的方法,加载子组件的数据 解决方法 子组件里: didMount() {this.$page.childComponent = thi ...
- Vue中父组件调用子组件的方法
场景 SpringBoot+Vue+Echarts实现选择时间范围内数据加载显示柱状图: SpringBoot+Vue+Echarts实现选择时间范围内数据加载显示柱状图_BADAO_LIUMANG_ ...
- 微信小程序如何封装自己的组件?
在现在前端领域,最常见的话语就是组件化.工程化的内容.所有的框架都在朝着这方面发展.作为前端生态中的新兴热人物小程序的出现,同样支持组件化开发. 在我们的日常开发中,可以封装一些常用的组件达到复用效果 ...
- flutter父组件调用子组件方法
Key 概念参考前端react和vue中key值的含义,如果列表key不更改,则即便数据又修改视图也没有更改. ValueKey:以一个值为key. ObjectKey:以一个对象为key. Uniq ...
- Vue父组件调用子组件的方法并传参的两种方式(用$refs.refName.functionName、window.function)
如需了解儿子怎么控制老子的,传送门:https://s-z-q.blog.csdn.net/article/details/120094689 父组件father.vue <template&g ...
- vue父组件调用子组件的方法
vue组件与组件通信有如下几种情况: 平行组件 父组件与子组件 子组件与父组件 它们之间通信有几种方法有: props 自定义事件 vuex 今天我们聊一下父组件调用子组件的一种方法 parent.v ...
- vue 父组件调用子组件内置方法
背景介绍:外派到泰康做项目.这个项目中有个选择组织的功能,是一个树桩结构的懒加载,于是我就element-ui的tree组件封装了一个公共的组件. 但是后来发现他们的公司组织结构不是都请求的同一个接口 ...
最新文章
- 双链表偶数节点求和java_java--删除链表偶数节点
- UML 中各种图形重要性的排行
- HDU 1757 A Simple Math Problem (矩阵快速幂)
- android 面试汇总二
- 作者:刘强强(1992-),男,贵州大学公共管理学院硕士生。
- linux 已有目录挂载磁盘
- python jupyter notebook 上传文件_使用jupyter notebook将文件保存为Markdown,HTML等文件格式...
- android NDK安装
- 谁手握账本?趣讲 ZK 的内存模型
- 解决aqua data studio 中文乱码问题
- python 批量修改文件夹和子文件夹的名称
- 济安横断面怎么去水印_济安横断面设计软件
- 如何求复数的模用计算机,复数计算器(复数运算工具)
- 微信小游戏马甲包过审(马甲包过包)
- moment.js 时间处理类库--时间戳和时间格式相互转换
- MOOS程序解析记录(4)
- TP5 封装 mongoDB
- 医院管理信息系统 HIS EMR PACS LIS
- 网络——VRRP、浮动路由(备份路由)
- 7段均衡器最佳参数_汽车音响7段均衡器设置,七段均衡器常用调校图