美文网首页
微信小程序父子组件传值

微信小程序父子组件传值

作者: 海豚先生的博客 | 来源:发表于2020-04-23 21:08 被阅读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: {}
    }
}

相关文章

网友评论

      本文标题:微信小程序父子组件传值

      本文链接:https://www.haomeiwen.com/subject/vvmkbctx.html