支付寶小程式元件通訊

下面先上**

父頁面 axml **

這是父頁面上一次元件隱藏後傳遞過來的值是 } 展示子元件

父頁面 js **

page(,
showchild: function())
},hidetest: function(info));
console.log("獲取元件傳遞的值：", info)
}});

子元件 axml **

這是載入過來的子元件需要向父元件傳遞的值 toparent： } 傳遞的值 toparent 加一隱藏子元件

子元件 js **

component(,
props: ,
fromparent: 
},didmount() )
},didupdate() {},
didunmount() {},
methods: )
},hidechild: function()
},});

父到子

(1) 基本操作方式與vue類似，都是在子元件的標籤上通過自定義屬性名+模板賦值，在頁面渲染的時候將父元件的資料放在子元件標籤上

(2) 子元件在接收時，需要在js檔案的 props 裡邊將傳遞的資料進行宣告，注意加上該資料的型別一般分為布林數值字元物件，傳遞方法在子到父中說明

(3) 子元件在 props 內宣告過後，就可以正常在 axml檔案中向使用 data 中的資料一樣進行渲染，但是注意在 js檔案中使用時需要用 this.props.*** 進行呼叫，this.props.*** 指向的就是宣告的時候的 value 不必再 .value

(4) 注意事項：官方文件上說子元件不能直接修改 this.props 內的值； props 中進行宣告時，方法、一般資料型別案例中都有展示，但是要注意除方法以外都需要把要傳遞的值放在 value 下

子到父(1) 這個就需要通過傳遞方法來實現傳值, 相當於子元件操作父元件的方法

(2) 注意傳遞方法的時候只能在子元件的標籤上通過 on***="需要傳遞的方法" 這種形式就行傳遞，必須以 on 開頭

(3) 子元件同樣通過 this.props.***() 進行操作父元件的方法

(4) 子到父傳值就是在這個方法上通過形參的形式傳遞引數，子元件中將具體引數放在方法中，父元件中通過呼叫形參來獲得子元件傳遞過來的引數

參考文件：