微信小程序子组件向父组件传值

第一种方法

triggerEvent() 方法，类似于vue中的emit()

在子组件js文件中

data：{

msg：“小宇真帅”

}

自定义一个事件，并携带参数

this.triggerEvent('send'{info:msg}) 

第一个参数为自定义事件名，第二个参数是需要传递的数据，可以是对象

 

在父组件wxml文件中

<子组件标签   bindsend="send"></子组件标签>

 

在父组件js文件中

send(e){

console.log(e.detail.info)

}

e.detail.info就是子组件传递过来的数据

 

第二种方法

 

在父组件wxml文件中

给子组件标签一个类名

<子组件标签  class=".child"></子组件标签>

 

在父组件js文件中

在onshow周期函数中

const  msg = this.selectComponent('.child');

console.log(msg)

打印出来的msg，就是子组件实例，包含子组件所有的数据信息