vue2子组件触发父组件的方法

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

在父组件中定义一个方法：

<template>
  <div>
    <child-component @childEvent="handleChildEvent"></child-component>
  </div>
</template>

<script>
export default {
  methods: {
    handleChildEvent() {
      // 处理子组件触发的事件
    }
  }
}
</script>

在子组件中触发父组件的方法：

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

<script>
export default {
  methods: {
    triggerEvent() {
      this.$emit('childEvent');
    }
  }
}
</script>

在子组件中使用 `this.$emit` 方法触发了名为 `childEvent` 的自定义事件。在父组件中，通过 `@childEvent` 来监听该事件，并指定要调用的方法 `handleChildEvent`。当子组件按钮点击时，就会触发父组件中的 `handleChildEvent` 方法。

这样，子组件就可以通过 `$emit` 方法来与父组件进行通信，并触发父组件中的方法。