父传子:
1. 在父组件中引用子组件
"usingComponents": {
"tablist":"/components/goods/goods"
}
2.在子组件的json中,把自己定义为子组件
"component": true,
3. 在父组件中,子组件的引用处,绑定一个属性( text ),并传递想要给子组件的值( parentParam )
<tablist integ="{{integral}}"></tablist>
4. 在子组件中的js中使用 properties 获取值,这样就可以在子组件中用 this.data.text 获取到这个值了
Component({
properties: {
integ: {
type: Number,
value: "",
}
},
})
子传父:
1. 子组件在需要传值时,使用triggerEvent传给父组件一个事件( myevent ),并传递想要给父组件的值( sonParam )
this.triggerEvent("res",{residue:resid})
2. 在父组件中,子组件的引用处,通过这个myevent事件绑定一个方法( onMyEvent )
<tablist bind:res="resfun"></tablist>
3. 在父组件的js中,定义这个方法onMyEvent,在这个方法内就可以获取到子组件传递过来的值了
resfun(e){
let newnum = e.detail.residue
this.setData({
integral:newnum
})
},