Vuetifyでv-slot:activatorを入れ子にしたいとき
普通にやったらだめな例(下の方欠けてる)
code:_
<template>
<v-dialog v-model="open" persistent max-width="60vw">
<Loader/>
<template v-slot:activator="{on, attrs}">
<v-tooltip right>
<template v-slot:activator="{ on, attrs }">
<v-btn
color="success"
depressed
large
v-bind="attrs"
v-on="on"
設定
</v-btn>
</template>
<span>つーるちっぷ</span>
</v-tooltip>
</template>
改善版(下の方欠けてる)
code:_
<template>
<v-dialog v-model="open" persistent max-width="60vw">
<Loader/>
<template v-slot:activator="{on: dialog, attrs}">
<v-tooltip right>
<template v-slot:activator="{ on: tooltip, attrs }">
<v-btn
color="success"
depressed
large
v-bind="attrs"
v-on="{...dialog, ...tooltip}"
設定
</v-btn>
</template>
<span>つーるちっぷ</span>
</v-tooltip>
</template>