title: Bootstrap-vue lazy loading showing old image
body: <p>I'm using Nuxt for my web app and I have a list of items with images.
  For image lazy loading I'm using component <a href="https://bootstrap-vue.js.org/docs/components/image" rel="nofollow noreferrer">https://bootstrap-vue.js.org/docs/components/image</a> and it is working fine.</p>
  
  <p>Example of my usage:</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;div class="item"&gt;
     &lt;b-img-lazy :src="imageUrl" /&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>The issue appearing when I'm doing filtering of my items, because views are reusing and when I filter, (let's say it was 10 and now only 1), item will have image of another item until it's image will be loaded. </p>
  
  <p>So, basically, instead of seeing empty image for new item I can see image of item which had same position previously. </p>
  
  <p>Is there way to reset old image?</p>