父組件中
default-value爲傳遞給子組件的值函數
<x-picker-date id="picker-date" default-value="{{newTime}}"
wx:if="{{showPicker}}" bind:myevent="toggleToast">
</x-picker-date>
父組件jsthis
showPickerDate(e) { this.setData({ showPicker: true }) // 調用子組件中methods的onshow方法 this.selectComponent('#picker-date').onshow() }, // 獲取子組件信息 toggleToast(e){ console.log(e.detail) }
子組件js中spa
properties: { // 父組件傳值 defaultValue: { type: String, value: 'default value', } }, methods: { onshow() { console.log(this.data.defaultValue) }, // 傳遞給父組件 cancelBut: function (e) { var that = this; var myEventDetail = { pickerShow: false, type: 'cancel' } // detail對象,提供給事件監聽函數 this.triggerEvent('myevent', myEventDetail) //myevent自定義名稱事件,父組件中使用 }, }