實現(xiàn)方式類似于vue
引入子組件
在子組件上添加自定義屬性 例如:title,content
在子組件上的properties上添加要接收的屬性 title,content
在子組件上通過{{ }}就可以直接使用啦。。
ps:只是接收的時候vue是用props 小程序是properties 里邊的方法都是一樣的
實現(xiàn)方式類似于vue
1.在子組件上觸發(fā)一個事件 例如:catchtap="confirmmFn"
2.在對應(yīng)的confirmFn上添加派發(fā)的事件和要向父級傳遞的數(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)
},
A兄弟,B兄弟,C(父組件)三個組件 A-->C--->B 組件A 通過子傳父 將數(shù)據(jù)傳給父組件 C 父組件C 通過父傳子的方法將數(shù)據(jù)再傳給子組件B 這樣就完成了微信小程序的兄弟組件通信