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

 

說明：如有問題，或者建議、或者需要改進的地方，可以聯繫我，謝謝🙏