v-slot:activator={ on } does not works for other components I built?

[zeroarst]

for example. I have a component my-test.vue like this.
<template>
  <h3>
    test
  </h3>
</template>

<script>
  export default {
    name: "test",
  }
</script>

<style scoped>
</style>

and in app.vue

<template>
<v-tooltip bottom>
  <template #activator="{ on, attrs }">
    <my-test v-on="on" />
  </template>
  <span>Test</span>
</v-tooltip>
</template>

<script>
  import MyTest from "my-test.vue";
  export default {
    name: "app",
    components: {MyTest},

  }
</script>
<style scoped>
</style>

I found the tooltip does not show when cursor hovering the h3 text? Is it possible to do that?

[jacekkarczmarczyk]

Your component doesn't support any events, so for example if you do

<my-test @click="showAlert" />

nothing will happen when you click it. You could use native events to fix it <my-test @click.native="showAlert" /> but that's not what v-on does.

Solution:

// my-test.vue
<template>
  <h3 v-on="$listeners">
    test
  </h3>
</template>

https://codepen.io/jkarczm/pen/WNroLbX