?# 父子關系
? ? ?1.父向子傳參
? ? // 子組件:通過 properties 聲明要從父組件中接收的數據
? ? // ? ?組件的屬性列表
? ? properties:{
? ? ? ? tabId:String
? ? }
? ? // 父組件:通過自定義屬性的形式傳遞數據。以子組件中定義的 key 為屬性名,以要傳遞的數據為屬性值
? ? <list tabId="{{tabSelectID}}"></list> ?
?
? ? 2.子向父傳參
? ? // 子組件: 通過 triggerEvent 方法發(fā)送一個通知,通知父組件接收數據。
? ? // 方法的第一個參數為:通知名
? ? // 方法的第二個參數為:要傳遞的數據
? ? this.triggerEvent('change',{
? ? ? ? id
? ? })
? ? // 父組件:通過 bind 監(jiān)聽子組件中發(fā)送的通知
? ? // bind 后的內容為 子組件發(fā)送的通知名,表達式為接收該通知所觸發(fā)的方法
? ? <tabs bind:change="onTabChange"></tabs>
? ? // 方法被觸發(fā)后可以通過 e.detail 的形式獲取子組件傳遞過來的數據對象
? ? onTabChange(e){
? ? ? ? const {id} = e.detail;
? ? ? ? this.setData({
? ? ? ? ? ? tabSelectId:id
? ? ? ? })
? ? }
?
# 兄弟關系 ? ? ?
? ? ? ? // 兄弟組件之間想要傳遞數據,需要利用"統一的父組件"傳遞
? ? ? ? // 1.兄弟A組件 傳遞數據給 父組件文章來源:http://www.zghlxwxcb.cn/news/detail-497227.html
? ? ? ? // 2.父組件 再把數據傳遞給 兄弟B組件文章來源地址http://www.zghlxwxcb.cn/news/detail-497227.html
到了這里,關于微信小程序組件的傳參的文章就介紹完了。如果您還想了解更多內容,請在右上角搜索TOY模板網以前的文章或繼續(xù)瀏覽下面的相關文章,希望大家以后多多支持TOY模板網!