微信小程序的組件通信
1.父傳子
實(shí)現(xiàn)方式類似于vue
引入子組件
在子組件上添加自定義屬性 例如:title,content
在子組件上的properties上添加要接收的屬性 title,content
在子組件上通過{{ }}就可以直接使用啦。。
ps:只是接收的時(shí)候vue是用props 小程序是properties 里邊的方法都是一樣的
2.子傳父
實(shí)現(xiàn)方式類似于vue
1.在子組件上觸發(fā)一個(gè)事件 例如:catchtap="confirmmFn"
2.在對(duì)應(yīng)的confirmFn上添加派發(fā)的事件和要向父級(jí)傳遞的數(shù)據(jù)
this.triggerEvent('confirm','ok')
this.triggerEvent('cancel','no')
3.父組件監(jiān)聽子組件派發(fā)過來的事件和要接收的數(shù)據(jù)
bind要監(jiān)聽的事件名=“回調(diào)方法”
eg:
<child
bindconfirm="confirm"
bindcancel="cancel"
/>
4.在父組件的js中接收數(shù)據(jù)
//監(jiān)聽確定按鈕觸發(fā)的回調(diào)
confirm(e) {
console.log('監(jiān)聽確定',e.detail)
},
3.兄弟相傳 類似于react的兄弟相傳
A兄弟,B兄弟,C(父組件)三個(gè)組件
A-->C--->B
組件A 通過子傳父 將數(shù)據(jù)傳給父組件 C
父組件C 通過父傳子的方法將數(shù)據(jù)再傳給子組件B 這樣就完成了微信小程序的兄弟組件通信
如果您的問題還未解決可以聯(lián)系站長付費(fèi)協(xié)助。

有問題可以加入技術(shù)QQ群一起交流學(xué)習(xí)
本站vip會(huì)員 請(qǐng)加入無憂模板網(wǎng) VIP群(50604020) PS:加入時(shí)備注用戶名或昵稱
普通注冊(cè)會(huì)員或訪客 請(qǐng)加入無憂模板網(wǎng) 技術(shù)交流群(50604130)
客服微信號(hào):15898888535
聲明:本站所有文章資源內(nèi)容,如無特殊說明或標(biāo)注,均為采集網(wǎng)絡(luò)資源。如若內(nèi)容侵犯了原著者的合法權(quán)益,可聯(lián)系站長刪除。