mpvue小程序父子组件通信-传值、父组件调取子组件、子组件调取父组件

父组件中
default-value为传递给子组件的值
<x-picker-date @myevent=“toggleToast”>
父组件js

// 获取子组件信息
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自定义名称事件，父组件中使用
},
}