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

一:父组件传值给子组件

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

在父组件json中导入子组件

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

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

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

 

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

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

 

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

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

 

 

二:子组件传值给父组件

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

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

 

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

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

 

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

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

 

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

上一篇:微信小程序 接口改为promise 由异步改为同步解决多层异步回调


下一篇:Fiddler助力微信开发调试