title: Vuetify Nuxt.js : how to add url link in image tag
body: <p>i am new in Nuxt.js and Vuetifiy i want to add url link in image tag. if i press image it should open other page link</p>
  <p><strong>my page layout</strong></p>
  <p><a href="https://i.stack.imgur.com/CR0MC.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/CR0MC.png" alt="enter image description here" /></a>
  <strong>i have specified urls each image have different url like i want to add this url to image</strong></p>
  <pre><code>to=&quot;/AppMain/Support/Support&quot; 
  and
   to=&quot;/UserDash/Profile&quot; 
  also
   to=&quot;/AppMain/Entertainment&quot;
   how to add this urls in image
  </code></pre>
  <p>my code</p>
  <pre class="lang-html prettyprint-override"><code>    &lt;template&gt;
        &lt;v-layout style=&quot;width: auto;&quot; class=&quot;ma-auto&quot;&gt;
          &lt;v-carousel cycle light height=&quot;309&quot; hide-delimiter-background show-arrows-on-hover&gt;
            &lt;v-carousel-item v-for=&quot;(slide, i) in slides&quot; :key=&quot;i&quot;&gt;
              &lt;v-row&gt;
                &lt;v-col cols=&quot;3&quot; v-for=&quot;(images, j) in slide.images&quot; :key=&quot;j&quot;&gt;
                  &lt;div class=&quot;d-flex flex-column justify-center align-center&quot;&gt;
                    &lt;v-img :src=&quot;images.src&quot; width=&quot;30&quot;/&gt;
                    &lt;span class=&quot;mx-auto text-center caption&quot;&gt;{{ images.caption }}&lt;/span&gt;
                  &lt;/div&gt;
                &lt;/v-col&gt;
              &lt;/v-row&gt;
            &lt;/v-carousel-item&gt;
          &lt;/v-carousel&gt;
        &lt;/v-layout&gt;
      &lt;/template&gt;
      
      &lt;script&gt;
      export default {
        name: &quot;playground&quot;,
        data: () =&gt; ({
          slides: [
            {
              images: [
                { src: &quot;https://akam.cdn.jdmagicbox.com/images/icontent/newwap/newprotmore/hkm_allcategories.svg&quot;, caption: &quot;All Categories&quot;},
                { src: &quot;https://akam.cdn.jdmagicbox.com/images/icontent/newwap/newprotmore/hkm_b2b.svg&quot;, caption: &quot;B2B&quot; },
                { src: &quot;https://akam.cdn.jdmagicbox.com/images/icontent/newwap/newprotmore/hkm_shopping.svg&quot;, caption: &quot;Shopping&quot; }
                
              ]
            },
  </code></pre>