検索

ホームページ  >  に質問  >  本文

Vue の遅延読み込みバナー

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

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

ああああ

P粉041758700P粉041758700235日前445

全員に返信(1)返信します

  • P粉448130258

    P粉4481302582024-03-29 16:02:36

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

    返事
    0
  • キャンセル返事