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

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接： https://blog.csdn.net/qq_33871182/article/details/102743170

父组件中
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自定义名称事件，父组件中使用
},
}