Exploring a nested activation scenario, we encounter the following:
v-on="{ ...tooltip, ...menu }"> instead of v-on="{ tooltip, menu }">
For example:
<template>
<v-tooltip>
<template v-slot:activator="{on : tooltip}">
<v-menu>
<template v-slot:activator="{ on : menu }">
<v-btn v-on="{ ...tooltip, ...menu }">
</v-btn>
</template>
<v-card>
</v-card>
</v-menu>
</template>
{{ tooltip_message }}
</v-tooltip>
</template>
Check out an alternative example at https://vuetifyjs.com/en/getting-started/releases-and-migrations
The use of ... seems necessary. This involves the "Destructure and restructure" approach. For more information, refer to Using v-tooltip inside v-menu activator in vuetify 2.0
Although the documentation available at https://v2.vuejs.org/v2/guide/components-slots.html#Destructuring-Slot-Props does not specifically mention the use of "...".
So what exactly do the ... signify in this context?