vue2 子组件方法向父组件方法传递,子组件调父组件方法,父组件调用子组件方法

一: 子组件通过this.$emit()向父组件传递数据
1.在父组件中使用子组件

2.在父组件中定义handleChildMediaChange 方法

handleChildMediaChange(filter_key, filter_val){
  //doing
}

3.在子组件中使用

handleChildMediaChange(val){
        this.$emit("handleChildMediaChange", "child_media_id", val)
      },

二:子组件调用父组件中定义的method方法
this.$parent.parentMethod(params)

三:父组件调用子组件中定义的method 方法, 通过this.$refs调用
1.在父组件中引入子组件,并使用ref 给子组件占位命名"mediaExtraInfoRef"

2.在子组件中定义一个getVal 方法

 getVal(){
        let result = {}
        //doing 
        return result
      },

3.在父组件中需要调用的地方调用子组件的getVal()方法

this.$refs.mediaExtraInfoRef.getVal()

你可能感兴趣的:(vue.js)