vue2.0 parcourt la méthode de chargement de toutes les images

Cette fois, je vais vous présenter la méthode vue2.0 boucle pour parcourir et charger toutes les images Il y a précautions pour la boucle et le chargement de toutes les images de vue2.0 <.> Lesquels, les suivants sont des cas pratiques, jetons-y un œil.

démo :

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

Introduisez des images, faites attention au chemin :

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

Emplacement de chargement des images :

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

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 PHP. Site chinois !

Lecture recommandée :

Introduction à la structure du projet et à la configuration de vuex

vue-cli 3.0.x après la mise à niveau vers webpack4 Quelles sont les nouvelles fonctionnalités

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!