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


父組件中 
default-value為傳遞給子組件的值

<x-picker-date id="picker-date" 
default-value="{{newTime}}" 
wx:if="{{showPicker}}" bind:myevent="toggleToast">
</x-picker-date>

父組件js

showPickerDate(e) {
  this.setData({ showPicker: true })
  // 調用子組件中methods的onshow方法
  this.selectComponent('#picker-date').onshow()
},
// 獲取子組件信息
toggleToast(e){
    console.log(e.detail)
}

子組件js中

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自定義名稱事件,父組件中使用
    },
}

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM