Vue2.0 uses loop traversal to load different images, and vue2.0 Loads

Vue2.0 uses loop traversal to load different images, and vue2.0 Loads

Demo:

<Div v-for = "item in temps": key = "item. id "> <div class =" contract-item ">  </div>

Introduce the image. Note the following path:

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

Position where the image is loaded:

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

In this way, different images are loaded during loop traversal.

The above vue2.0 loop Traversal method for loading different images is all the content shared by xiaobian. I hope to give you a reference, and I hope you can provide more support for the customer's house.