# 父子关系
1.父向子传参
// 子组件:通过 properties 声明要从父组件中接收的数据
// 组件的属性列表
properties:{
tabId:String
}
// 父组件:通过自定义属性的形式传递数据。以子组件中定义的 key 为属性名,以要传递的数据为属性值
<list tabId="{{tabSelectID}}"></list>
2.子向父传参
// 子组件: 通过 triggerEvent 方法发送一个通知,通知父组件接收数据。
// 方法的第一个参数为:通知名
// 方法的第二个参数为:要传递的数据
this.triggerEvent('change',{
id
})
// 父组件:通过 bind 监听子组件中发送的通知
// bind 后的内容为 子组件发送的通知名,表达式为接收该通知所触发的方法
<tabs bind:change="onTabChange"></tabs>
// 方法被触发后可以通过 e.detail 的形式获取子组件传递过来的数据对象
onTabChange(e){
const {id} = e.detail;
this.setData({
tabSelectId:id
})
}
# 兄弟关系
// 兄弟组件之间想要传递数据,需要利用"统一的父组件"传递
// 1.兄弟A组件 传递数据给 父组件文章来源:https://www.toymoban.com/news/detail-497227.html
// 2.父组件 再把数据传递给 兄弟B组件文章来源地址https://www.toymoban.com/news/detail-497227.html
到了这里,关于微信小程序组件的传参的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!