Vue malas memuatkan sepanduk

Question

Saya mempunyai 5 sepanduk pada halaman yang dipaparkan atau disembunyikan berdasarkan klik pengguna.

Pada ketika ini data sepanduk datang daripada API dan saya mengulangi komponen sepanduk untuk setiap entri sepanduk pada API, ada idea bagaimana saya boleh memuat turun imej hanya selepas pengguna mengklik? Saya telah mencuba tingkah laku asli memuatkan malas tetapi imej dimuatkan pada mulanya kerana semuanya muncul pada tatal pertama dan saya menunjukkan atau menyembunyikan imej dengan klik pengguna.

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

Answer 1

Anda boleh melakukan ini dalam arahan img 元素上使用 v-show dan ia hanya akan dipaparkan apabila sepanduk diklik.