vue中子组件调用父组件的方法
时间: 2023-09-14 08:09:55 浏览: 69
vue中子组件调用兄弟组件方法
在 Vue 中,子组件可以通过 `$emit` 方法来触发父组件中的方法。以下是一个简单的示例:
在父组件中,定义一个方法:
```javascript
methods: {
parentMethod() {
// 父组件的方法逻辑
}
}
```
在子组件中,通过 `$emit` 触发父组件的方法:
```javascript
methods: {
childMethod() {
this.$emit('eventName');
}
}
```
然后,在父组件的模板中,监听子组件触发的事件,并调用父组件的方法:
```html
<template>
<div>
<child-component @eventName="parentMethod"></child-component>
</div>
</template>
```
这样子组件就可以通过触发事件来调用父组件中的方法了。当子组件调用 `$emit` 方法时,会触发父组件中绑定的对应事件,并执行相应的方法逻辑。
阅读全文