vue中父组件调用子组件方法

在Vue中，父组件可以通过使用ref来获取子组件的实例，并调用子组件的方法。以下是一个简单的示例：
<template>
<div>
<ChildComponent ref="childComponent"></ChildComponent>
<button @click="callChildMethod">调用子组件方法</button>
</div>
</template>

<script>
import ChildComponent from './ChildComponent.vue';

export default {
components: {
ChildComponent,
},
methods: {
callChildMethod() {
this.$refs.childComponent.childMethod();
},
},
};
</script>
登录后复制
在上面的示例中，父组件通过在ChildComponent上添加ref属性来引用子组件实例。然后，通过this.$refs.childComponent可以访问子组件的实例，并调用子组件的方法childMethod()。
请注意，为了能够使用ref引用子组件，你需要确保在父组件中正确地声明了子组件，即在components选项中注册了子组件。