小程序组件事件传值（微信小程序点击事件传递参数）

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

本文目录一览：

• 1、小程序父组件向子组件传值
• 2、小程序组件里的数据传递
• 3、微信小程序的view的bindtap点击事件怎么传值

小程序父组件向子组件传值

子组件：tabs1

父组件：demo04
先将子组件和父组件直接产生特定的联系，需要在demo04.json里面以键值对的方式添加。

添加完毕后在父组件中就可以使用标签，就可以渲染出子组件内容。因为tabs1多次复用，所以数据不能在tabs1.js中写死。一般都是由父组件中data数据传到子组件。

1.先在父组件data中添加list数据，

data: {

list:[{

id:“2”,

name:“梦灵”

},{

id:“1”,

name:“浅夏”

}]

},

2.利用属性绑定的方式传输。

3.在子组件properties接收数据

aaa:{

type:Array,

// 数据类型

value:[]

// 数据值

}

4.在子组件中将数据渲染到页面

{{item.id}} {{item.name}}

附上流程图

小程序组件里的数据传递

先上一段官方文档

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

给组件传递myString

组件接受myString

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

微信小程序的view的bindtap点击事件怎么传值

view标签 加 bindtap事件，用data-name传值，如果view中只有文字，点击整个view区域都可以接收到data-name的值，如果view里面加一个lable标签，那么点击lable包裹的区域，data-name取不到值。
解决方法：把取值方式 由e.target.dataset.carrierName 修改为e.currentTarget.dataset.carrierName即可！

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

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