微信小程序父组件调用子组件方法
当父组件引用了子组件的时候,会遇到父组件执行子组件的方法,比如下拉刷新上拉加载等事件只有在页面中才能检测到,但是获取数据的方法在子组件,这时就可以执行子组件方法。
思路很简单,类似于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组件封装了一个公共的组件. 但是后来发现他们的公司组织结构不是都请求的同一个接口 ...
最新文章
- Windows不能识别环境变量的原因。
- 【PP生产订单】入门介绍(十)
- 人工智能对教育产业的冲击和机遇分析 ——游戏化学习
- python3 urlencode_Python2和Python3中urllib库中urlencode的使用注意事项
- 后缀为hta,url,html,htm,html标签
- leetcode:图相关算法
- 武魂觉醒s系列服务器,[多线]星河斗罗——新服开荒丨高程度剧情还原丨3D坐骑丨魂环丨武魂觉醒[1.12.2]...
- http 断点续传,Windows下HTTP方式单线程下载
- Android学习—Notification消息通知
- 卷积神经网络CNN是靠什么线索学习到深度信息的?
- 从零开始学Pytorch(八)之Modern CNN
- Matlab学习随笔 ——bin文件读写
- 热敏打印机解析(非热转印)
- 不要再被骗了------QQ盗号原理大揭秘
- 利用Matplotlib绘制各类图表
- 用一个div绘制背景流动网格特效
- 有道云笔记、石墨笔记、 Effie …评论家怎么选?
- java中最基本的数据类型,java中的基本数据类型
- python小游戏《孙悟空大战白骨精》 (循环的练习)
- 派大星python代码,简单python代码类型有哪些?