vue 子组件调用父组件的方法
时间: 2023-08-21 17:05:34 浏览: 101
Vue子组件向父组件通信与父组件调用子组件中的方法
5星 · 资源好评率100%
在 Vue 中,子组件可以通过 `$emit` 方法触发父组件中的事件,从而调用父组件的方法。下面是一个简单的示例:
```vue
<template>
<div>
<button @click="callParentMethod">调用父组件方法</button>
</div>
</template>
<script>
export default {
methods: {
callParentMethod() {
this.$emit('custom-event');
}
}
}
</script>
```
在上述示例中,子组件中的按钮被点击时,会调用 `callParentMethod` 方法,并通过 `$emit` 方法触发了名为 `custom-event` 的自定义事件。接下来,在父组件中监听这个事件,并绑定对应的方法:
```vue
<template>
<div>
<child-component @custom-event="handleCu
阅读全文