title: Bootstrap Vue onerror event in image
body: <p>How can I use the <a href="https://www.w3schools.com/jsref/event_onerror.asp" rel="nofollow noreferrer">@onerror</a> event in <code>b-card</code> of Bootstrap Vue?</p>
  
  <p>I would like to handle the 404 of image so that I can display a default image. </p>
  
  <pre><code> &lt;b-card overlay
     :title="name"
     :sub-title="description"
     :img-src="cardImg"
     img-top
     style="max-width: 20rem;"
     class="mb-2"&gt;
  &lt;/b-card&gt;
  </code></pre>