小程序组件事件传递（小程序组件事件传递什么信息）

本篇文章给大家谈谈小程序组件事件传递，以及小程序组件事件传递什么信息对应的知识点，希望对各位有所帮助，不要忘了收藏本站喔。 今天给各位分享小程序组件事件传递的知识，其中也会对小程序组件事件传递什么信息进行解释，如果能碰巧解决你现在面临的问题，别忘了关注本站，现在开始吧！

本文目录一览：

• 1、小程序组件里的数据传递
• 2、WeChat小程序基础篇-js事件
• 3、微信小程序：冒泡事件与非冒泡事件
• 4、微信小程序传叁的意义
• 5、微信小程序如何将接口获取的数据传递给自定义组件

小程序组件里的数据传递

先上一段官方文档

文档说绝大多数初始化工作都在 attached 生命周期进行，但是小程序组件数据分为组件的内部数据 data: {} 和从页面传递过来的 properties: {} 。但是有个问题是在组件的 attached 中无法拿到使用组件的页面中setData的值。

给组件传递myString

组件接受myString

所以可以看出在组件里 mySrting 在 created 取的是组件的默认值， attached 取的是页面里 data 的初始数据， ready 取的才是页面 setData 之后的值。具体原理应该要研究下组件的生命周期函数的源码了，可能是在组件 attached 之后页面才 onLoad 。反正直接在组件里使用 mySrting 就不会有这些问题，但如果想用页面 setData 后的 myString 来对组件的数据初始化，就只能放在组件的 ready 里而不能放在 attached 里、

WeChat小程序基础篇-js事件

js负责页面与用户的交互，动态修改页面的内容。使用js脚本来处理用户的操作。

操作解释: 点击button按钮(点我),修改界面的msg显示为"BeiJing佩奇"

绑定事件: bindtap定义了"点击事件"

j s 函数: Page({定义函数对应bindtap})

例如开头示例一样，组件绑定事件，js编写事件函数。

这里大概介绍下log打印的内容

☞ 小生不才，附上 博客地址 ☜

事件分为冒泡事件和非冒泡事件

1.冒泡事件:当一个组件被触发后，该事件以此向父节点传递。

2.非冒泡事件:当一个组件触发后，该事件不会向父节点传递。

解释：当点击子节点时，会依次触发"bind事件2，bind事件1"

解释：当点击子节点时，只触发"bind事件2"，而没有触发"bind事件1"

自基础班1.5.0起，触摸类事件支持捕获阶段。捕获阶段位于冒泡阶段之前。事件到达节点的顺序与冒泡相反。捕获事件采用的关键字为capture-bind、capture-catch，当然catch还是中断，取消冒泡阶段。

1. 示例1，执行顺序为hand2,hand4,hand3,hand1

2. 示例2，加入capture-catch捕获事件，只执行hand2

微信小程序：冒泡事件与非冒泡事件

事件分为冒泡事件和非冒泡事件：

1.冒泡事件：当一个组件上的事件被触发后，该事件会向父节点传递。
2.非冒泡事件：当一个组件上的事件被触发后，该事件不会向父节点传递。

详情见 https://blog.csdn-/Jeremy__Lin/article/details/80629588

微信小程序传叁的意义

一、通过事件进行参数传递
先来看眼小程序对事件的定义：
#什么是事件?
这里是列表文本事件是视图层到逻辑层的通讯方式。
这里是列表文本事件可以将用户的行为反馈到逻辑层进行处理。
这里是列表文本事件可以绑定在组件上，当达到触发事件，就会执行逻辑层中对应的事件处理函数。
这里是列表文本 事件对象可以携带额外信息，如id, dataset, touches。

微信小程序如何将接口获取的数据传递给自定义组件

在自定义组件js文件的properties设置一个变量用来接受数据.

请点击输入图片描述

在外部组件的js中, 设置一个变量用来发送数据, 然后将接口获取的的数据给这个变量

请点击输入图片描述

利用wxml将这个变量的值传递给自定义组件的变量

最后在自定义wxml中将这个变量渲染出来

关于小程序组件事件传递和小程序组件事件传递什么信息的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。 小程序组件事件传递的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于小程序组件事件传递什么信息、小程序组件事件传递的信息别忘了在本站进行查找喔。

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。