[Vuejs]-Vuetify: Using v-tooltip within a v-for?

3👍

You should use v-bind and v-on inside the template like this:

<span v-bind="attrs" v-on="on">Hover to View</span>

In your example:

<div v-for="item in items" :key="item.id">
  <v-tooltip bottom>
    <template v-slot:activator="{ on, attrs }">
        <span v-bind="attrs" v-on="on">Hover to View</span>
    </template>
    <span>{{ item.name }}</span>
  </v-tooltip>
</div>

Leave a comment