Maison > interface Web > js tutoriel > le corps du texte

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

php中世界最好的语言
Libérer: 2018-03-28 10:37:34
original
1585 Les gens l'ont consulté

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>
Copier après la connexion

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";
Copier après la connexion

La position de chargement de l'image :

 temps: [
    {
     imgUrl: con1
    },
    {
     imgUrl: con2
    },
    {
     imgUrl: con3
    },
   ],
Copier après la connexion

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!