关于微信小程序的父子组件互相传值

一:父组件传值给子组件

1. 在父组件中引用子组件

1.1 在父组件json中导入子组件

 关于微信小程序的父子组件互相传值

1.2 在子组件的json中,把自己定义为子组件

关于微信小程序的父子组件互相传值

 

2. 在父组件中,子组件的引用处,绑定一个属性( text ),并传递想要给子组件的值( parentParam )

关于微信小程序的父子组件互相传值

 

3. 在子组件中的js中使用 properties 获取值,这样就可以在子组件中用 this.data.text 获取到这个值了

关于微信小程序的父子组件互相传值

 

 

二:子组件传值给父组件

1. 子组件在需要传值时,使用trriggerEvent传给父组件一个事件( myevent ),并传递想要给父组件的值( sonParam )

关于微信小程序的父子组件互相传值

 

2. 在父组件中,子组件的引用处,通过这个myevent事件绑定一个方法( onMyEvent )

关于微信小程序的父子组件互相传值

 

3. 在父组件的js中,定义这个方法onMyEvent,在这个方法内就可以获取到子组件传递过来的值了

关于微信小程序的父子组件互相传值

关于微信小程序的父子组件互相传值

上一篇:第五篇、【微信告警与监控项触发关联】


下一篇:pc端实现微信授权扫码登录