微信小程序组件的传参_小程序组件传参

 # 父子关系

     1.父向子传参

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

    //    组件的属性列表

    properties:{

        tabId:String

    }

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

    <list tabId="{{tabSelectID}}"></list>  

 

    2.子向父传参

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

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

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

    this.triggerEvent('change',{

        id

    })

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

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

    <tabs bind:change="onTabChange"></tabs>

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

    onTabChange(e){

        const {id} = e.detail;

        this.setData({

            tabSelectId:id

        })

    }

 

# 兄弟关系      

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

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

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