如何对子组件使用v-slot:activator和v-on？

<template>
  <div>
    <button v-slot:activator="{ on }" @click="onButtonClick">点击我激活子组件</button>
    <ChildComponent @customEvent="onCustomEvent"></ChildComponent>
  </div>
</template>

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

export default {
  components: {
    ChildComponent
  },
  methods: {
    onButtonClick() {
      // 激活子组件
      this.$refs.childComponent.activate();
    },
    onCustomEvent(payload) {
      // 处理子组件触发的自定义事件
      console.log(payload);
    }
  }
}
</script>