父子组件之间进行传值

1.vue 子页面传值给父页面:

子页面app-settings-dialog可以通过$emit 将值传给父页面  

this.$emit('setTriggerEventData', JSON.parse(JSON.stringify(result)))

 

父页面：

<app-settings-dialog :template-version="templateVersion" :bpmn-modeler='bpmnModeler'  :visable.sync="showAppSettingsDialog" :trigger-event-info="triggerEventInfo"

                                @setTriggerEventData="getSelectedAPP" @closeAppSettingDialog="closeAppSettingDialog" :empty-flag="emptyFlag" ></app-settings-dialog>

 

 

　　getSelectedAPP(data){     //data就是所需要的值

            if (!data){

                        return;

            }

            let curTableRowIndex = this.triggerEventData.curTableRowIndex;

            this.setTriggerEventTableData(data,curTableRowIndex);                

        },

 

 

2.vue 父页面接受子页面数据:

使用 $on()

 

 

 

$on()和$emit()的更多知识可参考：https://www.jianshu.com/p/7e86d38841cc