vue2.0 durchläuft die Methode zum Laden aller Bilder

Dieses Mal bringe ich Ihnen die vue2.0--Schleifen--Methode zum Durchlaufen und Laden aller Bilder . Es gibt Vorsichtsmaßnahmen für das Durchlaufen von vue2.0 und laden Sie alle Bilder. Die folgenden sind praktische Fälle, schauen wir uns das an.

Demo:

    <p v-for="item in temps" :key="item.id">
     <p class="contract-item">
       <img :src="item.imgUrl">
     </p>
    </p>

Bilder vorstellen, auf den Weg achten:

import con1 from "@/assets/img/con01.png";
import con2 from "@/assets/img/con02.png";
import con3 from "@/assets/img/con03.png";

Ladeort für Bilder:

 temps: [
    {
     imgUrl: con1
    },
    {
     imgUrl: con2
    },
    {
     imgUrl: con3
    },
   ],

Ich glaube, dass Sie die Methode beherrschen, nachdem Sie den Fall in diesem Artikel gelesen haben. Weitere spannende Informationen finden Sie in anderen verwandten Artikeln zu PHP Chinesische Website!

Empfohlene Lektüre:

Einführung in die Projektstruktur und Konfiguration von Vuex

vue-cli 3.0.x nach dem Upgrade auf webpack4 Was sind die neuen Funktionen

Das obige ist der detaillierte Inhalt vonvue2.0 durchläuft die Methode zum Laden aller Bilder. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!