title: Is there a way to link with image in Vue?
body: <p>I have a problem to link to other url when I click image by using Vue.</p>
  
  <p>It suppose to be able to link by clicking images but it does not work.</p>
  
  <p>If there are anyone who can help me I am very appreciated. </p>
  
  <p>My code looks like below.</p>
  
  <p>HTML</p>
  
  <pre><code>&lt;section class="bg-light page-section" id="portfolio"&gt;
      &lt;div class="container"&gt;
        &lt;div class="row"&gt;
          &lt;div class="col-lg-12 text-center"&gt;&lt;br&gt;
            &lt;h2 class="section-heading text-uppercase works-text"&gt;Works&lt;/h2&gt;
            &lt;h3 class="section-subheading text-muted"&gt;Selected work that has been created with the help of many.&lt;/h3&gt;
          &lt;/div&gt;
        &lt;/div&gt;
        &lt;div class="row"&gt;
         &lt;div class="col-md-4 col-sm-6 portfolio-item" v-for="(obj, key) in portfolioJSON" :key="key"  &gt;
            &lt;a class="portfolio-link" data-toggle="modal" target = "_blank" v-bind:href="`${obj.url}`"&gt;
              &lt;div class="portfolio-hover"&gt;
                &lt;div class="portfolio-hover-content"&gt;
                  &lt;!-- &lt;! &lt;i class="fas fa-plus fa-3x"&gt;&lt;/i&gt; --&gt;
                &lt;/div&gt;
              &lt;/div&gt;
              &lt;img :src="`${obj.img}`" class="img-fluid" &gt;
            &lt;/a&gt;
            &lt;div class="portfolio-caption works-text"&gt;
              &lt;h4 class="works-text"&gt;{{ obj.caption }}&lt;/h4&gt;
              &lt;p class="text-muted works-text"&gt;{{ obj.title }}&lt;/p&gt;
            &lt;/div&gt;
          &lt;/div&gt;
  
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/section&gt;
  </code></pre>
  
  <pre><code>export default {
      data() {
        return{
          portfolioJSON: [
             {
                  img: require('../assets/img/sukimatch/sukimatch.png'),
                  caption: 'Sukimatch',
                  title: 'WEBSITE, BANNER DESIGN',
                  url: "https://sukimatch-f887f.firebaseapp.com/"
              },
              {
                  img: require('../assets/img/portfolio/greencosjapan.png'),
                  caption: 'Greencosjapan',
                  title: 'WEBSITE',
                  url: "https://greencosjapan.com"
              }
          ]
      }
      }, computed: {
      imageArray: function() {
          return this.portfolioJSON.map(obj =&gt; obj.img)
      },
      urlArray: function() {
          return this.portfolioJSON.map(obj =&gt; obj.url)
      }
  },
  
  }
  </code></pre>