一:父组件传值给子组件
- 在父组件中引用子组件
1.1 在父组件json中导入子组件
"usingComponents": {
"fileList": "../../../component/fileList/index",
}
1.2 在子组件的json中,把自己定义为子组件
{
"component": true,
"usingComponents": {}
}
- 在父组件中,子组件的引用处,绑定一个属性( number),并传递想要给子组件的值( number)
<fileList number="{{number}}"/>
- 在子组件中的js中使用 properties 获取值,这样就可以在子组件中用 this.data.number获取到这个值了
Component({
/**
* 组件的属性列表
*/
properties: {
number: {
type: Number,
Value: ''
}
}
})
二:子组件传值给父组件
-
子组件在需要传值时,使用trriggerEvent传给父组件一个事件( myevent ),并传递想要给父组件的值( sonParam )
-
在父组件中,子组件的引用处,通过这个myevent事件绑定一个方法( onMyEvent )
-
在父组件的js中,定义这个方法onMyEvent,在这个方法内就可以获取到子组件传递过来的值了