uniapp 子组件调用父组件事件

在Uniapp中，子组件可以通过事件来调用父组件的方法。以下是一种常用的方法：

1. 在父组件中定义一个事件方法，例如`onChildEvent`：

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

<script>
export default {
  methods: {
    onChildEvent(data) {
      // 在这里处理子组件传递的数据
      console.log(data);
    }
  }
}
</script>

2. 在子组件中触发该事件，通过`$emit`方法将数据传递给父组件：

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

<script>
export default {
  methods: {
    triggerEvent() {
      const data = 'Hello, parent!';
      this.$emit('childEvent', data); // 触发名为'childEvent'的事件，并传递数据
    }
  }
}
</script>

在子组件中使用`$emit`方法触发事件时，第一个参数是事件名，即父组件中定义的事件名（这里是'childEvent'），第二个参数是要传递给父组件的数据。

这样，当子组件中的按钮被点击时，会触发父组件中的`onChildEvent`方法，并将数据传递给父组件。你可以在`onChildEvent`方法中对传递的数据进行处理。