vue父子组件通信

    技术2022-07-21  82

    vue父子组件通讯。

    父组件向子组件传数据,让子组件的prop绑定 父组件的data,父组件的data变更,子组件中对应的prop的值也会更新。

    子组件向父组件传数据,让子组件上的一个方法绑定父组件中的一个方法,

    <add-member @retMemberList="handleMemberList"></add-member>

    父组件中加上方法:

    handleMemberList(data){

    }

    子组件中执行

    let memberList;

    this.$emit('retMemberList', memberList);

     

    这样父组件中的方法handleMemberList就会被执行,data参数就是子组件中返回的memberList

    Processed: 0.009, SQL: 9