Display Vuetify tooltip on disabled button
Not sure if this is the absolute best way but I was able to get a tooltip on a disabled button by wrapping it in a div
tag:
<v-tooltip v-model="show" top> <template v-slot:activator="{ on }"> <div v-on="on"> <v-btn disabled icon> <v-icon color="grey lighten-1">shopping_cart</v-icon> </v-btn> </div> </template> <span>Programmatic tooltip</span></v-tooltip>
As vuetify tooltip evolved to the slot syntax the right solution ist now this one:
<v-tooltip bottom :disabled="valid"> <template v-slot:activator="{ on }"> <div v-on="on" class="d-inline-block"> <v-btn color="primary" :disabled="!valid">Button</v-btn> </div> </template> <span>You must accept first</span></v-tooltip>