有的时候，我们会遇到的需求是显示 排名同学的前三名，然而UI图是这样的，头像和内容是后端返回的数据，而排名的图片是我们本地的图片，我是这样处理的，来看代码呦！！

1.首先我把本地加载的图片，也放到了数组里面，用以循环图片
import top1 from '@/assets/img/top1.png';
import top2 from '@/assets/img/top2.png';
import top3 from '@/assets/img/top3.png';
data(){
return {
	imgList: [{ src: top1 }, { src: top2 }, { src: top3 }],
	}
}
2.根据节后返回的数组，我开始渲染列表
<ul class="topList">
              <li class="list" v-for="item,index in liveSalesList" :key="index">
              //最主要的就是这个部分 :src的时候，根据对象获取属性的方式，因为他们都有index,
              //所以就可以在我定义的数组里获取图片路径
                <img :src="imgList[index].src" alt />
                <span class="text">{{item.nickName}}</span>
                <span class="acount">{{item.amount}}</span>
              </li>
 </ul>

好啦！！如果有更好的方式欢迎批评哦