一: 子组件通过this.$emit()向父组件传递数据
1.在父组件中使用子组件
<media-extra-info
ref="mediaExtraInfoRef"
@handleChildMediaChange="handleChildMediaChange"
/>
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"
<media-extra-info
ref="mediaExtraInfoRef"
@handleChildMediaChange="handleChildMediaChange"
/>
2.在子组件中定义一个getVal 方法
getVal(){
let result = {}
//doing
return result
},
3.在父组件中需要调用的地方调用子组件的getVal()方法
this.$refs.mediaExtraInfoRef.getVal()
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。