title: Router-link binding to b-card image
body: <p>Is it possible to bind router-link to b-card's image attribute which are 
  not physically exists,i want to switching link on image click</p>
  
  <pre><code> &lt;b-col lg="3" v-for="product in products" v-bind:key="product.id"&gt;
       &lt;b-card 
        v-bind:title="product.title"
        v-bind:img-src="product.img"
        v-bind:img-alt="product.alt"
        img-top
        tag="article"
        style="max-width: 20rem;"
        class="mb-2"&gt;
        &lt;b-card-text&gt;Some quick example text to build on the card title and 
         make up the bulk of the card's content.&lt;/b-card-text&gt;
        &lt;/b-card&gt;
     &lt;/b-col&gt;
  </code></pre>
  
  <p>Is there any solutions without creating 'img' tag manually?</p>