父子组件传值

1. 子传父

     父:       <v-on:father="son"><>

                son(val){

                 val就是子传过来的值了

                 }

    子:this.$emit('father',要传的值)


2.父传子

     父:   <v-bind:currentFlow='currentFlow'   v-bind:expertProjects='expertProjects'><>

     子:props: ['currentFlow', 'expertProjects'],


3.子调用父的事件

 父:       <v-on:father="son"><>

                son(){

            this.getform()    //假设这是要调用的父组件的事件

                 }

    子:this.$emit('father')


4.父调用子事件

   <ref="son"><>

    父:  this.$refs.son.showReport()

     子:showReport(){   //假设这是要调用的子组件的事件

     }

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容