b-img or b-img-lazy "@error" support

I am currently not able to use b-img-lazy or b-img for my needs because I also need to use @error for the image, so if an image doesn’t load properly, I can handle it cleanly.

Is there any way I can use @error within these b-img components? Or is there a way I can use the lazy-loading functionality within the basic img element?

This is an example of what I’m currently doing: <img :src="item.image" @error="noImage(item)" class="rounded img-fluid" />

[tmorehouse]

You should be able to access the native event via @error.native="noImage(item)"

<b-img> is a functional component, so you shouldn’t need the .native modifier (I think, but I may be wrong).

For <b-img-lazy> (which is a statefull component instance) you will need the .native event modifier.

[tmorehouse]

<b-avatar>
  <img src="foobar" class="img-fluid" @error="handleError">
</b-avatar>