title: V-toolip on other template [vuetify]
body: <p>I have a v-data-table all set with 5 columns.
  I'd like to have a text appearing as the v-tooltip component.
  But since it's in one template, I can't use the tooltip on it because v-tooltip also requires the <code>&lt;template #activator=&quot;{ on }&quot;&gt;</code> . Does anyone know how to do it ?</p>
  <p>Here's what one of my column looks like in the code.</p>
  <pre><code>&lt;template #item.title2=&quot;{ item }&quot;&gt;
    &lt;div class=&quot;ellipsis news&quot;&gt;
      &lt;a
        target=&quot;_blank&quot;
        v-if=&quot;item.file != ''&quot;
        class=&quot;links1&quot;
        :href=&quot;item.file&quot;
        v-on=&quot;on&quot;
      &gt;
        &lt;span style=&quot;color:white&quot;&gt; {{ item.title }} &lt;/span&gt;
      &lt;/a&gt;
    &lt;/div&gt;
  &lt;/template&gt;
  </code></pre>
  <p>Ideally, I would put the v-tooltip around it but then I get this message.</p>
  <p><a href="https://i.stack.imgur.com/5E51c.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/5E51c.png" alt="enter image description here" /></a></p>
  <p>My v-data-table looks like this. I'd like the 'news' and 'actors' fields'details when I hover.</p>
  <p><a href="https://i.stack.imgur.com/pDJtG.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/pDJtG.png" alt="enter image description here" /></a></p>