Бесконечная нагрузка скелетных погрузчиков с событием нагрузки/@нагрузки ⇐ Javascript

[Anonymous]

У меня есть проблема, когда загрузчик скелета изображения продолжает загружать бесконечно, даже если я использую событие @load в Quasar.

Код: Выделить всё

const imgLoaded = ref({});

// template



< /code>
Квазарные документы говорят, что событие @load излучается, когда изображение загружается браузером. @Param SRC - URL изображения, который был загружен ». После того, как обработчик устанавливает Imgloaded [url] 

на true , скелет должен прекратить показывать, и изображение должно отображаться. Тем не менее, скелет продолжает загружаться бесконечно.
То же самое происходит с Onload . Теперь, когда мне нужен URL -адрес изображения для img.src , мне нужно взять его непосредственно из магазина:

Код: Выделить всё

// template


// script
const imgLoaded = ref({});

const onImgLoad = (url) => {
imgLoaded.value[url] = true;
};

onMounted(() => {
if (storeProducts.featuredProducts && storeProducts.featuredProducts.length) {
storeProducts.featuredProducts.forEach((product) => {
const img = new Image();
img.onload = () => onImgLoad(product?.image_url);
img.src = product?.image_url;
});
}
});

Тем не менее, этот подход также приводит к тому, что скелет загружается бесконечно.
Я ищу возможное решение.

Подробнее здесь: https://stackoverflow.com/questions/794 ... load-event