微信小程序組件傳值

一、父傳子:通過屬性傳值

<1>在父組件傳值的地方添加一個自定義的屬性,例如:expo=「{{aaa}}」,如果值是變量加{{}},如果不是,則去掉{{}}。

父組件的wxml文件:
父組件自定義屬性
父組件的js文件中,屬性值爲要傳遞的數據:
此處爲獲取的後臺數據

<2>子組件(在小程序中爲自定義組件)則在js文件中的Component中添加properties,在properties中接受父組件的值,並定義爲一個對象,設置這個對象的類型。

子組件(自定義組件)的js文件:
設置數據類型
<3>最後在子組件的wxml中直接{{}}調用該對象:
因爲是數組數據,所以要循環

二、子組件向父組件傳值:事件綁定

<1>在子組件中綁定點擊事件,通過triggerEvent方法傳遞子組件參數。

子組件的wxml文件:綁定事件
點擊事件
子組件的js文件:triggerEvent方法
子組件參數
<2>在父組件中通過bind綁定事件,在js文件中通過this.setData接受參數,在wxml中顯示{{}}參數內容

父組件wxml文件:bind綁定事件
在這裏插入圖片描述

父組件js文件:this.setData
在這裏插入圖片描述