vue 调用父组件方法

在 Vue 中，可以通过 `$emit` 方法来调用父组件的方法。以下是一个示例：

在父组件中，定义一个方法，并将其绑定到子组件上：

<template>
  <div>
    <ChildComponent @custom-event="handleCustomEvent" />
  </div>
</template>

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

export default {
  components: {
    ChildComponent,
  },
  methods: {
    handleCustomEvent() {
      // 在这里处理子组件触发的事件
    },
  },
};
</script>

在子组件中，通过 `$emit` 方法触发自定义事件：

<template>
  <button @click="triggerCustomEvent">触发事件</button>
</template>

<script>
export default {
  methods: {
    triggerCustomEvent() {
      this.$emit('custom-event');
    },
  },
};
</script>

当子组件中的按钮被点击时，将会触发父组件中的 `handleCustomEvent` 方法。你可以在该方法中进行相应的处理。