Loading is not activated when update image source

[maherma-adg]

After update source image no loading image set nor loading class activated.

Expected behavior: After update source image loading image and lifecycle attributes settled and lifecycle functions called.

[Alf21]

It's broken for me as well on initialization. If I'm trying to update the source image again, it is working.

Sadly, not usable because of this bug :/

[murongg]

can you provide bug code

[Sovai]

Did not work on initialization too. it just shows the images for a sec then goes to the loading state forever. it is not usable

[murongg]

Did not work on initialization too. it just shows the images for a sec then goes to the loading state forever. it is not usable

Can you provide a minimum repo to help me troubleshoot the problem quickly?

[Code-Case]

Ive tested it in a vue3 project and it works. It denepends on how do you include your images. Using simply src wont work if you change this to v-lazy. You need to use something like:

v-lazy="require('../assets/img/teaser_small/2.webp')"

[murongg]

Ive tested it in a vue3 project and it works. It denepends on how do you include your images. Using simply src wont work if you change this to v-lazy. You need to use something like:

v-lazy="require('../assets/img/teaser_small/2.webp')"

v-lazy need pass of a Reactivity data, otherwise, data updates may not be obtained. And try to use absolute url path load image, because load image with commonjs may be base64 or build after image path by webpack.