Maison  >  Article  >  interface Web  >  Comment implémenter le parcours de boucle dans vue2.0

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

php中世界最好的语言
php中世界最好的语言original
2018-03-28 10:37:341598parcourir

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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn