美文网首页
父子组件通信

父子组件通信

作者: Mr丶林 | 来源:发表于2019-03-22 18:06 被阅读0次

    父级给子组件传值:

    在父级中调用组件

    <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
            })
    
        },
    

    相关文章

      网友评论

          本文标题:父子组件通信

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