v-lazy fires twice

I am using the v-lazy on the <img> element.

Lazy load works fine, however, the issue is the request fires twice?

import VueLazyload from 'vue-lazyload'; Vue.use(VueLazyload, { attempt: 1, preLoad: 1 }); <img v-lazy="'{{asset('/images/svg/personalise.svg')}}'" class="lazy" alt="Personalise Icon">

I am using this inside the Blade file in the Laravel project.

[raisezhang]

I found that if the disabled cache was turned on, there would be two requests. Disabled this option won’t have this problem.

Turn on Disable cache：

Turn off Disable cache：

[Merott]

While this is unlikely to be a problem in production because of browser’s caching behaviour, it still should be fixed.