Comment implémenter le parcours de boucle dans vue2.0

Cette fois, je vais vous montrer comment implémenter le parcours de boucle de vue2.0, et quelles sont les notes pour implémenter le parcours de boucle de vue2.0. Voici des cas pratiques. , jetons un coup d'œil une fois.

démo :

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

Présentez l'image, notez le chemin :

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

La position de chargement de l'image :

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

De cette façon, différentes images peuvent être chargées lors du parcours en boucle.

Je pense que vous maîtrisez la méthode après avoir lu le cas dans cet article. Pour des informations plus intéressantes, veuillez prêter attention aux autres articles connexes sur le site Web chinois de php !

Lecture recommandée :

L'utilisation de l'index v-for en HTML

Parfois, des images de référence CSS sont trouvées après l'emballage Quelle est la raison pour laquelle le fichier de ressources est introuvable

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!