el-image组件实现,多张图片全展示，并实现大图循环预览，点击随意一张，大图首先显示该张，其余一次循环展示

1、随意点击一张，大图首先展示该张，并且点击下一张，到最后一张后显示第一张，一次循环

2、效果：点击第四张，大图第一张为第四张的图

         

3、实现：

<el-image v-for="(img,index) in imgArr" :src="img" :preview-src-list="getImgList(index)"></el-image>

getImgList(index) {
  	let arr = []
  	let i = 0;
	for(i;i < this.imgArr.length;i++){
	  arr.push(this.imgArr[i+index])
	  if(i+index >= this.imgArr.length-1){
	    index = 0-(i+1);
	  }
	}
  return arr;
},

 

说明：如有问题，或者建议、或者需要改进的地方，可以联系我，谢谢🙏