Vue の遅延読み込みバナー

Question

ページには、ユーザーのクリックに基づいて表示または非表示になる 5 つのバナーがあります。

この時点で、バナー データは API から取得されており、API 上のバナー エントリごとにバナー コンポーネントを繰り返しています。ユーザーがクリックした後にのみ画像をダウンロードする方法はありますか? 遅延読み込みのネイティブ動作を試しましたが、画像はすべて最初のスクロールに表示され、ユーザーのクリックによって画像を表示または非表示にするため、最初に画像が読み込まれます。

ああああ

Answer 1

img 要素で v-show ディレクティブを使用すると、バナーがクリックされた場合にのみ表示されます。