Vue 3-从子组件发出一个插槽中的事件

this.$emit('myEvent', eventData);

<template>
  <child-component>
    <template v-slot:default="slotProps">
      <!-- 插槽内容 -->
    </template>
  </child-component>
</template>

<script>
export default {
  methods: {
    handleEvent(eventData) {
      // 处理事件
    }
  }
}
</script>

<template>
  <child-component>
    <template v-slot:default="slotProps">
      <button @click="handleEvent(slotProps.eventData)">触发事件</button>
    </template>
  </child-component>
</template>

<script>
export default {
  methods: {
    handleEvent(eventData) {
      // 处理事件
    }
  }
}
</script>