父子组件通信

2019-03-22  本文已影响0人  Mr丶林

父级给子组件传值:

在父级中调用组件

<get_chance id="get_chance"  active_info="{{active_info}}" member_data="{{member_data}}" add_status="{{add_status}}"> </get_chance>

在子组件js中获取

    properties: {
        active_info: { // 属性名
            type: Object, // 类型(必填),目前接受的类型包括:String, Number, Boolean, Object, Array, null(表示任意类型)
            value: '' // 属性初始值(可选),如果未指定则会根据类型选择一个
        },
        add_status: {
            type: Boolean,
            value: ''
        },
        member_data: {
            type: Object,
            value: ''
        }
    },

子组件给父级传值

在子组件中

   PublicFunA.add_chance(args).then(function (res) {
                    // console.log(res.data)
                    //更新玩家数据
                    PublicFunA.lucky_member().then(function (res) {
                        console.log(res.data)

                        if(res.data.wx_chance == 1){
                            that.setData({
                                focus_status: true,
                            })
                        }
                     ** //重点,将请求到的数据传给父级**
                        let myEventDetail = {
                            val: res.data
                        }
                        that.triggerEvent('compontpass', myEventDetail)
                    })

父级 html

<get_chance id="get_chance" bind:compontpass="compontpass"> </get_chance>

父级js

    //父组件接收子组件传来的值,更新玩家数据
    compontpass: function (e) {
        // if(e.detail.val){}
        // console.log(e.detail.val);
        this.setData({
            member_data: e.detail.val
        })

    },
上一篇下一篇

猜你喜欢

热点阅读