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
   },
  ],

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

来源：http://blog.csdn.net/yyjourney/article/details/78971074