Vue Lazy-Loading-Banner
P粉041758700
P粉041758700 2024-03-28 23:03:47
0
1
470

Ich habe 5 Banner auf der Seite, die je nach Benutzerklicks angezeigt oder ausgeblendet werden.

Zu diesem Zeitpunkt kommen die Bannerdaten von der API und ich iteriere die Bannerkomponente für jeden Bannereintrag in der API. Haben Sie eine Idee, wie ich das Bild erst herunterladen kann, nachdem der Benutzer darauf geklickt hat? Ich habe das native Verhalten „Lazy Loading“ ausprobiert, aber die Bilder werden zu Beginn geladen, da sie alle beim ersten Scrollen angezeigt werden und ich die Bilder durch Klicken des Benutzers ein- oder ausblenden kann.

<banner-base
    v-for="banner in entry.banners"
    :key="banner.id"
    :slug-ficha="slugSelected"
    :promo-selected="promoSelected"
    :banner-id="banner.id"
/>

P粉041758700
P粉041758700

Antworte allen(1)
P粉448130258

您可以在 img 元素上使用 v-show 指令,它仅在单击横幅时显示。

Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage