子组件调用父组件方法
(1) 在子组件中直接调用父组件方法:this.$parent.parentMethod();
(2) 在子组件中通过emit触发定义在父组件中的方法:this.$emit(‘parentMethod’, params)
(3) 父组件传方法给子组件,子组件直接调用
// 父组件中绑定一个方法
<template>
<div>
<child :parentMethod="parentMethod"></child>
</div>
// 子组件中
props: {
parentMethod: {
type: Function,
default: () => null
}
}
有时候父组件也需要调用子组件的方法:
用 $ref 调用
this.$refs.child.childMethod()