微信小程序组件的传参

 # 父子关系

     1.父向子传参

    // 子组件:通过 properties 声明要从父组件中接收的数据

    //    组件的属性列表

    properties:{

        tabId:String

    }

    // 父组件:通过自定义属性的形式传递数据。以子组件中定义的 key 为属性名,以要传递的数据为属性值

     



 

    2.子向父传参

    // 子组件: 通过 triggerEvent 方法发送一个通知,通知父组件接收数据。

    // 方法的第一个参数为:通知名

    // 方法的第二个参数为:要传递的数据

    this.triggerEvent('change',{

        id

    })

    // 父组件:通过 bind 监听子组件中发送的通知

    // bind 后的内容为 子组件发送的通知名,表达式为接收该通知所触发的方法

   

    // 方法被触发后可以通过 e.detail 的形式获取子组件传递过来的数据对象

    onTabChange(e){

        const {id} = e.detail;

        this.setData({

            tabSelectId:id

        })

    }


 

# 兄弟关系      

        // 兄弟组件之间想要传递数据,需要利用"统一的父组件"传递

        // 1.兄弟A组件 传递数据给 父组件

        // 2.父组件 再把数据传递给 兄弟B组件

你可能感兴趣的:(微信小程序,小程序)