Vue 延遲加載橫幅

Question

我在頁面上有 5 個橫幅，根據用戶點擊選擇顯示或隱藏。

此時橫幅數據來自 API，我正在為 API 上的每個橫幅條目迭代橫幅組件，知道如何僅在用戶點擊后下載圖像嗎？ 我嘗試過延遲加載本機行為，但圖像在開始時加載，因為它們都出現在第一次滾動時，我通過用戶點擊顯示或隱藏圖像。

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

Answer 1

您可以在img元素上使用v-show指令，它只會在單擊橫幅時顯示。