微信小程序父子组件传值

2020-04-23  本文已影响0人  海豚先生的博客

子传父:事件传递

// 子组件
transdata(){
    this.triggerEvent('getsondata','jack')
}
在子组件中的某个函数中调用this.transdata()
// 父组件
<view bindgetsondata="getdata">
getdata(e) {
    this.setData({
        name: e.detail
    })
    console.log(this.data.name)    // jack
}

父传子:属性传递

//父组件,传递的值是objdata
<view transdata="{{objdata}}">
// 子组件
<view>{{transdata.name}}</view>
properties:{
    transdata:{
        type: Object,
        value: {}
    }
}
上一篇 下一篇

猜你喜欢

热点阅读