小程序父子組件通訊-傳值

父組件中 
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自定義名稱事件,父組件中使用
 }, }
相關文章
相關標籤/搜索