父–>子传值跟微信小程序一样,省略……
子–>父有所不同
//父组件中定义一个事件为自定义事件
<pay-dialog onGoToPay="goToPay" dialogVisible="{{showPayDialog}}" fee="{{90}}"></pay-dialog>
goToPay(event){
console.log(event,'父组件收到子组件的数据')
},
子组件中,在props中定义一个入参类型为Function的数据类型
props: {
onGoToPay:{
type:Function,
value:()=>{
}
}
},
子组件的html部分,使用一个点击事件触发props中的function完成传值
<view class="cui-dialog__buttons">
<view class="cui-dialog__button primary" onTap="confirmDialog">去支付</view>
</view>
//传入参数
confirmDialog() {
this.props.onGoToPay('子组件测试传参')
},
此时父组件中的goToPay函数就能打印出接收的参数了