title: How to display some info when you hover on image using Quasar framework and Vue.js
body: <p>I need to toggle the word &quot;show&quot; when hovering on it</p>
  <pre><code> &lt;div class=&quot;col-3&quot;&gt;
     &lt;q-img src=&quot;../assets/doctors/doctor-08.jpg&quot;&gt;
        &lt;div class=&quot;absolute-full text-subtitle2 flex flex-center&quot;&gt;
              Show
        &lt;/div&gt;
      &lt;/q-img&gt;
   &lt;/div&gt;
  </code></pre>