vue2.0 循环遍历加载不同图片

demo:

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

引入图片，注意路径：

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

进行图片的加载位置：

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

这样就实现了循环遍历的时候加载不同的图片。