vue 子组件调用父组件方法
时间: 2023-09-23 19:02:40 浏览: 146
在 Vue 中,子组件可以通过触发自定义事件的方式调用父组件的方法。以下是一种常见的方式:
1. 在父组件中定义一个方法:
```javascript
methods: {
parentMethod() {
// 父组件的方法逻辑
}
}
```
2. 在父组件的模板中,将该方法绑定给子组件的自定义事件:
```html
<template>
<div>
<child-component @custom-event="parentMethod"></child-component>
</div>
</template>
```
3. 在子组件中,通过 `$emit` 方法触发自定义事件,并传递参数(如果需要):
```javascript
methods: {
invokeParentMethod() {
this.$emit('custom-event', parameters);
}
}
```
这样,当子组件调用 `invokeParentMethod` 方法时,就会触发父组件中的 `parentMethod` 方法,并且可以将参数传递给父组件进行处理。
阅读全文